Heim >Web-Frontend >js-Tutorial >So erhalten Sie Benutzerinformationen im WeChat-Miniprogramm (ausführliche Anleitung)
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 abrufen1.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
}
})
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
}
})
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)
}
})
}
})
}
}
2.2 Instanziieren Sie die globale Methode, um Benutzerinformationen zu erhalten
var that = this;
//调用应用实例的方法获取全局数据
app.getUserInfo(function (personInfo) {
//更新数据
that.setData({
personInfo: personInfo
})
})
Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird . Verwandte Artikel:
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!