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

亚连
Release: 2018-06-09 13:46:06
Original
3842 people have browsed it

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 } })
Copy after login

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 } })
Copy after login

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) } }) } }) } }
Copy after login

2.2 Instantiate the global method to obtain user information

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

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!