概述
这次给大家带来小程序获取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.js
getUserInfo: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及用户信息的方法的详细内容,更多请关注靠谱客其它相关文章!
最后
以上就是简单乌龟为你收集整理的小程序获取openid及用户信息的方法的全部内容,希望文章能够帮你解决小程序获取openid及用户信息的方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复