How to obtain openid and user information through mini program

This time I will bring you the method of obtaining openid and user information through a small program. What are the precautions for the small program to obtain openid and user information? The following is a practical case, let's take a look.

How to obtain openid and user information in WeChat applet

1. Get openid

##1.1 Get code

Call the interface to obtain the login credentials (code) and exchange them for

user login status information, including the user's unique identifier (openid) and the session key for this login ( session_key). 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 in exchange for openid, which is returned together with openid, also includes session_key, where session_key is the password for encrypting and signing user data key. 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
 })
})

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other php Chinese websites related articles!

Recommended reading:

Using jquery to make a detailed explanation of the actual columns of the PC-side carousel chart

React server rendering

How to develop a WeChat applet to obtain user personal information

Vue2.5 and Element UI component paging function implementation

The above is the detailed content of How to obtain openid and user information through mini program. For more information, please follow other related articles on the PHP Chinese website!