微信小程序获取 openid 与用户信息方法解析

why 104 2024-10-09

本文主要介绍微信小程序如何获取openid及用户信息,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。

微信小程序获取 openid 与用户信息方法全解析

1. 获取openid

1.1 获取code

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

1

2

3

4

5

6

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 不应该在网络上传输。

1

2

3

4

5

6

7

8

9

10

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中创建该全局方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

//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 实例化全局方法获取用户信息

1

2

3

4

5

6

7

8

var that = this;

//调用应用实例的方法获取全局数据

app.getUserInfo(function (personInfo) {

 //更新数据

 that.setData({

  personInfo: personInfo

 })

})


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序滚动视图容器实现方法详细讲解
下一篇:微信小程序按钮滑动功能代码详细解析及示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~