Maison > interface Web > js tutoriel > Comment obtenir des informations utilisateur dans le mini-programme WeChat (tutoriel détaillé)

Comment obtenir des informations utilisateur dans le mini-programme WeChat (tutoriel détaillé)

亚连
Libérer: 2018-06-09 13:46:06
original
3995 Les gens l'ont consulté

Cet article présente principalement comment l'applet WeChat obtient les informations sur l'openid et l'utilisateur. Il a une certaine valeur de référence. Les amis intéressés peuvent se référer à

Comment l'applet WeChat obtient les informations sur l'openid et l'utilisateur.

1. Obtenez openid

1.1 Obtenez le codeAppelez l'interface pour obtenir les identifiants de connexion (code) en échange de informations sur l'état de connexion de l'utilisateur, y compris l'identifiant unique de l'utilisateur (openid) et la clé de session (session_key) pour cette connexion. Le cryptage et le déchiffrement des communications de données utilisateur dépendent de la clé de session.

wx.login({
 //获取code
 success: function(res) {
   code = res.code //返回code
 }
})
Copier après la connexion

1.2 Obtenez openidRécupérez le code obtenu à l'étape précédente, combinez le mini programme appid et l'interface de requête secrète https : // api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code est échangé contre openid. Ce qui est renvoyé avec openid inclut également session_key, où session_key est la clé de cryptage et de signature des données utilisateur. Pour des raisons de sécurité des applications, session_key ne doit pas être transmis sur le réseau.

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
 }
})
Copier après la connexion
2. Obtenir des informations sur l'utilisateur

2.1 Créer cette méthode globale dans 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)
     }
    })
   }
  })
 }
}
Copier après la connexion

2.2 Instancier la méthode globale pour obtenir des informations sur les utilisateurs

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que ce sera le cas. utile à tout le monde dans le futur.
var that = this;
//调用应用实例的方法获取全局数据
app.getUserInfo(function (personInfo) {
 //更新数据
 that.setData({
  personInfo: personInfo
 })
})
Copier après la connexion

Articles connexes :

Comment implémenter le code de vérification pour obtenir un effet de compte à rebours via l'applet WeChat

L'ajax personnalisé prend en charge les composants inter-domaines ( Tutoriel de détails)

Comment implémenter des requêtes inter-domaines ajax front-end et back-end

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal