How to obtain user information in WeChat mini program (detailed tutorial)

This article mainly introduces how the WeChat applet obtains openid and user information. It has certain reference value. Interested friends can refer to

How the WeChat applet obtains openid and user information.

1. Get openid

1.1 Get code

Call the interface to get login credentials (code ) in exchange for user login status information, including the user's unique identifier (openid) and the session key (session_key) for this login. Encryption and decryption of user data communication depends on the session key.

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

1.2 Get openid

Get the code obtained in the previous step and combine the mini program appid and secret request interface https://api. weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code is exchanged for openid. What is returned together with openid also includes session_key, where session_key is the key for encrypting and signing user data. For the sake of application security, session_key should not be transmitted over the network.

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. Get user information

2.1 Create this global method in 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 Instantiate the global method to obtain user information

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

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

How to implement verification code to obtain countdown effect through WeChat applet

Custom ajax supports cross-domain components (details Tutorial)

How to implement ajax front-end and back-end cross-domain requests

The above is the detailed content of How to obtain user information in WeChat mini program (detailed tutorial). For more information, please follow other related articles on the PHP Chinese website!