小程序

这篇文章主要给大家分享了微信小程序访问node.js接口服务器的搭建教程，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面一起看看吧。 前言 最近在做微信的应用号小程序开发，小程序的后台数据接口需要https安全请求，所以需要我的服务器能够提供https的支持，现在就将整个https服务器的搭建过程说一下。 搭建教程如下： 首先，我试了一下以前的过期的证书，在开发者工具里模拟的时候可以正常访问接口，在手机里测试时候微信小程序的wx.request是会报SSL握手失败的错误(request error : request: fail ssl hand shake error)，所以只能重新申请一个证书，这里推荐使用阿里云的赛门铁克 SSL/TLS 证书，是微信支持的，可以免费申请使用一年。 赛门铁克SSL证书申请 申请完之后审核周期一般在1~3天，就可以下载证书文件，我们选择其他类别的证书 解压出来之后的目录如下图，我们需要用到的文件为第一二个文件，也就是我们的私有秘钥文件。 然后需要搭建我们的https服务器，这里用到的是nodejs自带的https模块 var https = require('https')  ,fs = require("fs"); var express = require('express'); var app = express(); var options = {  key: fs.readFileSync('./213988289600767.key'),  cert: fs.readFileSync('./213988289600767.pem') }; https.createServer(options, app).listen(8081, function () {…

　　做了一些小游戏之后开始慢慢体会敲代码是件体力活，慢慢熬总能熬出来的。这几天又心血来潮想写个程序模拟登录教务系统计算gpa的小程序。不过之前没有一点点网络的经验，就趁着期中考后放假4天，一点点把坑填上。　　最近对java语言有莫名好感。原本也打算用java开发，但事实证明java在网络编程方面似乎比麻烦，加上java一个方法用错导致学校教务系统误以为我在进行sql注入把我的ip封了（。。。）从此下定决心用python写。 　　用于记录登录后的会话。 # 保存cookie cj = cookielib.LWPCookieJar() cookie_support = urllib2.HTTPCookieProcessor(cj) opener = urllib2.build_opener(cookie_support, urllib2.HTTPHandler) urllib2.install_opener(opener) 登录后复制 　　先用浏览器登录教务系统，打开控制台分析登录网页需要post哪些消息和找出真正的请求网页。 　　由上面两图分析得到真实的请求网页是：121.251.19.29/pass.asp 　　登录需要post的数据为：UserStyle，user，password,其中UserStyle是radio类型，看网页源代码得到分为student，teacher和OtherUser三种。 　　接下去发送post请求。 url = '121.251.19.29/pass.asp' h = urllib2.urlopen(url) info = {'UserStyle': 'student', 'user': user, 'password': psw} info = urllib.urlencode(info) req = urllib2.Request(url, info) urllib2.urlopen(req) 登录后复制 　　成功登录后，找到成绩查询的选项点击，找到请求的网页为：121.251.19.29/student/asp/Select_Success.asp 　　打开请求网页，读取成绩页面源代码 req = urllib2.Request('121.251.19.29/student/asp/Select_Success.asp') resData = urllib2.urlopen(req) res = resData.read()  # 读取成绩页面 登录后复制 　　用正则表达式过滤所有HTML标签。剩下的内容进行解析。显示成绩的表格有周期性规律，提取对应科目的成绩和学分，最后计算平均分和绩点。 tag = re.compile('?[^>]*>') s = re.sub(tag, '', res)  # 过滤标签…

这篇文章主要为大家详细介绍了微信小程序如何获取用户手机号，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 最近在做一款微信小程序，需要获取用户手机号，具体步骤如下： 流程图： 1、首先，客户端调用wx.login，回调数据了包含jscode，用于获取openid（用户唯一标识）和sessionkey（会话密钥）。 2、拿到jscode后，将其发送给服务端，服务端拿它与微信服务端做交互获取openid和sessionkey。具体获取方法如下： （1）需要写一个HttpUrlConnection工具类： public class MyHttpUrlConnection {   private final int mTimeout = 10000; // 超时时间   /**   * get访问   */   public String[] requestJson(String url) {   return request(url);   }   private String[] request(String connurl) {   String[] resultStr = new String[]{"", ""};   StringBuilder resultData = new StringBuilder("");   HttpURLConnection conn = null;   try {    URL url = new URL(connurl);    conn = (HttpURLConnection) url.openConnection();    conn.setRequestMethod("GET");    conn.setUseCaches(false);    conn.setConnectTimeout(mTimeout);    conn.connect();    int resultCode = conn.getResponseCode();    InputStreamReader in;    if (resultCode == 200) { …

todo：小程序集成weuiweui 为微信 web 服务量身设计。weui 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。1.使用微信开发者工具添加新项目mwl2.下载weui的源码，把style文件拷贝到mwl根目录，与pages文件夹同一级3.wxss(weixin style sheets)是一套样式语言，用于描述 wxml 的组件样式。wxss 用来决定 wxml 的组件应该怎么显示。为了适应广大的前端开发者，我们的 wxss 具有 css 大部分特性。 同时为了更适合开发微信小程序，我们对 css 进行了扩充以及修改。与 css 相比我们扩展的特性有：  &nb 1. 简介：TODO：小程序集成WeUI…

本篇文章给大家带来的内容是关于微信小程序添加session机制的方法介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 本文思路来自于前几日对微信wafer的源码阅读，感谢wafer所有代码编写者。 我们先来看代码实现 var SESSION_KEY = 'xxxxxx';var Session = {     get: function() {             return wx.getStorageSync(SESSION_KEY) || null;     },         set: function(session) {         wx.setStorageSync(SESSION_KEY, session);     },         clear: function() {         wx.removeStorageSync(SESSION_KEY);     }, }; module.exports = Session; 登录后复制 很简单是不是，这样就实现了，解释下，比如当我们做登录的时候，需要在小程序端做一个存储，主要存放的是后端返回来的access_token（此值用于需要用户认证的接口请求），那么就可以使用上面Session。 if (result.statusCode === 200 && data.access_token)  {     Session.set(data.access_token);     } 登录后复制 当我们判断本地用户是否处于登录态的时候也可以进行如下操作 var session = Session.get(); if (session) {     wx.checkSession({             success: function () {                         ////…

问题： 使用PHP语言进行开发时，在创建卡券的时候出现数据格式错误，错误返回信息如下： {“errcode”:47002,”errmsg”:”data format error, do NOT use json unicode encode (uxxxxuxxxx), please use utf8 encoded text! hint: [udJhFa0680e569]”} 登录后复制 解决办法： 使用PHP中的json_encode函数时加上参数JSON_UNESCAPED_UNICODE即可，如： json_encode($arr,JSON_UNESCAPED_UNICODE) 登录后复制 以上就是开发中json格式不正确怎么办的详细内容，更多请关注米云其它相关文章！

本篇文章给大家介绍一下在中使用vant组件时，将px转为rpx的方法，希望对大家有所帮助！ 微信小程序使用了第三方组件库（例如：Vant）时，组件默认样式是使用的px，这无法和我们页面中的rpx单位相兼容。【相关学习推荐：】 技术方案 1.gulp2.gulp-postcss3.postcss-px2units 实现步骤 1、初始化并安装 npm init //一路回车  npm install --production  npm i @vant/weapp -S --production 登录后复制 2、在微信小程序开发工具中勾选npm 3、在微信小程序开发工具中构建npm 4、构建成功后会出现miniprogram_npm文件夹 5、安装npm包 npm install gulp gulp-postcss postcss-px2units --save-dev 登录后复制 6、在根目录新建gulpfile.js文件 var gulp = require('gulp'); var postcss = require('gulp-postcss'); var pxtounits =  require('postcss-px2units'); gulp.task('css', function () {   return gulp.src(['miniprogram_npm/@vant/weapp/**/*.wxss'])     .pipe(postcss([pxtounits({       multiple: 2,       targetUnits: 'rpx'     })]))     .pipe(gulp.dest('miniprogram_npm/@vant/weapp/')); });…

这篇教程是微信小程序开发教程的第一篇，我会简要介绍下微信小程序开发相关的一些基本知识 获取AppID 如果你是收到邀请的开发者，我们会提供一个帐号，利用提供的帐号，登录 mp.weixin.qq.com ，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号  或订阅号的 AppID 。 上述内容来自微信的官方教程。按照微信官方的说法，目前只开放了200个AppID(博主自然是没有的)。不过不用担心，AppID只在我们需要将程序上传到真机时才会有影响，大部分情况下，它并不会影响我们学习开发微信小程序。 获取开发工具 微信专门为开发微信小程序发布了一款开发工具，大家可以从微信开发工具下载。微信发布了windows64，windows32，mac3个版本，下载对应版本后安装即可。博主安装的window64版本，后续的教程都将会依据此版本。 安装完成后首次打开界面如下: 微信开发工具 扫码登录   启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个   微信帐号 首次打开需要使用微信扫码登录，登录后便可以创建项目了。 创建项目 APPID这里选择”无AppID”，填写项目名称，选择项目目录，点击添加项目。注意这里的项目名称不是小程序的名称哦 之后便是开发界面。可以看到开发工具设计的非常简洁，但是功能却很强大，包含了代码编辑，调试，发布(需要AppID)等功能 。一切顺利的话，点击调试按钮，在工具左上区域会看到一个Hello World欢迎界面: 第一个界面 如果不能正常显示此页面，选择设置->不使用任何代理，勾选后直连网络，确定后点击左侧重启按钮，应该就能正常显示了…

小程序在520节日前夜，让程序员们又躁动了一把，更新了一些很诱人的功能，如内容转发api，ibeacon api，振动api，屏幕亮度调节api等，也增强了地图组件的功能。 此次的更新中，也新增了一个UI组件，它就是视图组件movable-view，它需要配合movable-area来一起使用。简单来说，它就是一个支持在指定区域内可以拖动内容的容器。我们来看一个简单的示例： <movable-area>   <movable-view>   </movable-view></movable-area> 登录后复制 界面 我们用movable-area设定了一个200×200大小的一个可拖动区域(红色)，然后在这个区域内放置了一个大小为50×50的可以拖动内容movable-view（蓝色），这个可拖动内容的direction设置为all，表示可以在任意方向上进行拖动。 拖动演示 在一个movable-area标签中，其实不止可以放一个movable-view，它支持放置多个movable-view，看以下例子： <movable-area>   <!--蓝色任意方向拖动的内容-->   <movable-view>   </movable-view>   <!--黄色只能横向拖动的内容-->   <movable-view>   </movable-view></movable-area> 登录后复制 界面2 拖动演示2 movable-view的direction属性支持以下四个值： all – 任意方向拖动 vertical – 纵向拖动…

本文主要和大家分享微信创建自定义目录的方法实例，希望能帮助到大家。 //创建自定义菜单     private function create_menu($access_token){         //echo $access_token;exit;         $url="https://api.weixin.qq.com/cgi-bin/menu/create?access_token=".$access_token;         $post_data='{                 "button":[                 {                 "name":"PHP",                 "sub_button":[                 {                     "type":"view",                     "name":"ThinkPHP",                     "url":"http://wap.phplee.com"                     },                     {                         "type":"view",                         "name":"微信",                         "url":"http://wap.phplee.com/"                     }                     ]                 },                 {                 "name":"运维",                 "sub_button":[                     {                     "type":"view",                     "name":"Linux",…