Comment obtenir des informations openid et utilisateur via un mini-programme

Cette fois, je vais vous présenter comment obtenir des informations openid et utilisateur via un mini programme. Quelles sont les précautions des mini programmes pour obtenir des informations openid et utilisateur. Voici un cas pratique, prenons. un regard.

Comment obtenir des informations sur l'openid et l'utilisateur dans l'applet WeChat

1. Obtenez l'openid

1.1 Obtenir le code.

Appelez l'interface pour obtenir les identifiants de connexion (code) et échangez-les contre des informations de connexion utilisateur, y compris l'identifiant unique de l'utilisateur (openid) et la clé de session pour cette connexion (session_key). 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
 }
})

1.2 Obtenez openid

Récupérez le code obtenu à l'étape précédente, combinez le mini programme appid et l'interface de demande secrètehttps ://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code en échange d'openid, qui est renvoyé avec openid, inclut également session_key, où session_key est un crypté signature pour la clé de 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
 }
})

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

2.2 Instancier la méthode globale pour obtenir des informations utilisateur

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

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article , et il y aura des choses plus excitantes. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de jquery pour créer un graphique carrousel côté PC

Rendu du serveur React

Comment développer une applet WeChat pour obtenir des informations personnelles sur l'utilisateur

Implémentation de la fonction de pagination des composants dans Vue2.5 et Interface utilisateur de l'élément

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!