Heim > Web-Frontend > js-Tutorial > Hauptteil

So erhalten Sie Benutzerinformationen im WeChat-Miniprogramm (ausführliche Anleitung)

亚连
Freigeben: 2018-06-09 13:46:06
Original
3949 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich beschrieben, wie das WeChat-Applet OpenID- und Benutzerinformationen erhält. Interessierte Freunde können sich darauf beziehen, wie das WeChat-Applet OpenID- und Benutzerinformationen erhält

1. Openid abrufen

1.1 Code abrufen

Rufen Sie die Schnittstelle auf, um im Austausch Anmeldeinformationen (Code) zu erhalten Informationen zum Anmeldestatus des Benutzers, einschließlich der eindeutigen Kennung des Benutzers (openid) und des Sitzungsschlüssels (session_key) für diese Anmeldung. Die Verschlüsselung und Entschlüsselung der Benutzerdatenkommunikation hängt vom Sitzungsschlüssel ab.

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

1.2 Openid abrufen

Holen Sie sich den im vorherigen Schritt erhaltenen Code und kombinieren Sie die Miniprogramm-App-ID und die geheime Anforderungsschnittstelle https:// api. weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code wird zusammen mit openid zurückgegeben, wobei session_key der Schlüssel zum Verschlüsseln und Signieren von Benutzerdaten ist. Aus Gründen der Anwendungssicherheit sollte session_key nicht über das Netzwerk übertragen werden.

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
 }
})
Nach dem Login kopieren

2. Benutzerinformationen abrufen

2.1 Erstellen Sie die globale Methode 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)
     }
    })
   }
  })
 }
}
Nach dem Login kopieren
2.2 Instanziieren Sie die globale Methode, um Benutzerinformationen zu erhalten

var that = this;
//调用应用实例的方法获取全局数据
app.getUserInfo(function (personInfo) {
 //更新数据
 that.setData({
  personInfo: personInfo
 })
})
Nach dem Login kopieren
Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird . Verwandte Artikel:

So implementieren Sie einen Bestätigungscode, um einen Countdown-Effekt über das WeChat-Applet zu erhalten

Benutzerdefiniertes Ajax unterstützt domänenübergreifende Komponenten ( Details Tutorial)

So implementieren Sie domänenübergreifende Ajax-Front-End- und Back-End-Anfragen

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Benutzerinformationen im WeChat-Miniprogramm (ausführliche Anleitung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage