微信小程序开发之获取openid及用户信息

小咪咪 2022-05-29 22:22 211阅读 0赞

转自:[https://www.cnblogs.com/YSPyishuihan/p/6885242.html][https_www.cnblogs.com_YSPyishuihan_p_6885242.html]

# 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
      })
    })

[https_www.cnblogs.com_YSPyishuihan_p_6885242.html]: https://www.cnblogs.com/YSPyishuihan/p/6885242.html