小兔网

这次给大家带来小程序获取openid及用户信息的方法,小程序获取openid及用户信息的注意事项有哪些,下面就是实战案例,一起来看一下。

微信小程序获取openid及用户信息的方法

1. 获取openid

1.1 获取code

调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的会话密钥(session_key)。用户数据的加解密通讯需要依赖会话密钥完成。

wx.login({ //获取code success: function(res) {   code = res.code //返回code }})

1.2 获取openid

拿到上一步获取的code,结合小程序 appid 和 secret 请求接口https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 换取openid,与 openid 一同被返回的,还包括 session_key,其中 session_key 是对用户数据进行加密签名的密钥。为了自身应用安全,session_key 不应该在网络上传输。

wx.request({ url: 'https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code='+ code +'&grant_type=authorization_code', data: {}, header: {   'content-type': 'application/json' }, success: function(res) {  openid = res.data.openid //返回openid }})

2. 获取用户信息

2.1 在app.js中创建该全局方法

//app.jsgetUserInfo:function(cb){ var that = this if(this.globalData.personInfo){  typeof cb == "function" && cb(this.globalData.personInfo) }else{  //调用登录接口  wx.login({   success: function () {    wx.getUserInfo({     success: function (res) {      that.globalData.personInfo = res.userInfo      typeof cb == "function" && cb(that.globalData.personInfo)     }    })   }  }) }}

2.2 实例化全局方法获取用户信息

var that = this;//调用应用实例的方法获取全局数据app.getUserInfo(function (personInfo) { //更新数据 that.setData({  personInfo: personInfo })})

相信看了本文案例你已经掌握了方法,更多精彩请关注小兔网其它相关文章!

推荐阅读:

使用jquery做出PC端轮播图的实列详解

react的服务器渲染

怎样开发微信小程序获取用户个人信息

Vue2.5与Element UI的组件分页功能实现

以上就是小程序获取openid及用户信息的方法的知识。速戳>>知识兔学习精品课!