开发微信小程序,前提是申请到一个 appId 并拿到 appSecret ,并在微信公众平台配置好小程序对应的服务器域名。
小程序可以通过两种方式获取到用户信息,并且获取到信息之后,推荐直接存到小程序的全局变量中,后续直接在全局变量中读取,无需在重新获取。
方法一:
使用 appId 新建小程序模板,在创建时,勾选中“建立普通快速启动模板”。创建成功后,在 pages/index/index.js文件中可以看到如下代码:
if (app.globalData.userInfo) { this.setData({ userInfo: app.globalData.userInfo, hasUserInfo: true }) } else if (this.data.canIUse){ // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回 // 所以此处加入 callback 以防止这种情况 app.userInfoReadyCallback = res => { this.setData({ userInfo: res.userInfo, hasUserInfo: true }) } } else { // 在没有 open-type=getUserInfo 版本的兼容处理 wx.getUserInfo({ success: res => { app.globalData.userInfo = res.userInfo this.setData({ userInfo: res.userInfo, hasUserInfo: true }) } }) }
内容很好理解,通过微信的接口获取用户信息,并存入到全局变量中。注意:全局变量 userInfo 是必须在 app.js 文件中已经定义好的,否则会出错。
方法二:
是通过自定义的后台接口,把必要的参数传递到后台,然后返回用户信息自定义的token,token是用来做之后授权校验使用。如下的例子是直接反馈了 token ,并没有把 用户信息返回回来:
//测试授权 wx.login({ success: function (res) { var code = res.code; wx.getUserInfo({ success: function (res) { console.log(res.userInfo); var iv = res.iv; var encryptedData = res.encryptedData; var signature = res.signature; var rawData = res.rawData; wx.request({ url: "https://kevin.kevinkevin.com/login_status",//上传用户信息和登录用的code,获取token data: { code: code, signature: signature, rawData: rawData, encryptedData: encryptedData, iv: iv }, success: function (res) { if (res.statusCode && res.statusCode == "200"){ //从后台获取的token,前端自己保存到全局变量中,备用;以后每次使用request都把该变量存入header变量 console.log("token : " + res.data); app.globalData.token = res.data; } } }) }, fail: function () { _this.authSetting(); } }) } })
获取到的 token 也是直接存到了全局变量,备用。
因为小程序的前后台我是分开电脑开发的,所以第二种获取用户信息和 自定义 token 的后台代码,在下一篇文章中,请见谅。
之后会在评论里附加上源代码下载链接