Dieser Artikel stellt vor, wie Sie mit WeChat die Anmeldung in H5, Applets und Apps, die mit uniapp entwickelt wurden, autorisieren.
Da das offizielle Konto, das Miniprogramm und die App von WeChat relativ unabhängige Systeme sind, ist die OpenID, die von derselben Benutzerberechtigung in diesen verschiedenen Terminals zurückgegeben wird, unterschiedlich.Zu diesem Zeitpunkt ist es notwendig, ein Konto auf der offenen WeChat-Plattform zu registrieren und zu übergeben Das entsprechende offizielle Konto, das Applet und die mobile Anwendung sind miteinander verbunden, und eine Unionid kann zum Zeitpunkt der Autorisierung zurückgegeben werden, sodass derselbe Benutzer im Hintergrund identifiziert werden kann.
Vorbereitende Arbeiten in der Frühphase:
1. Bewerben Sie sich für das offizielle Konto, das Applet und die offene WeChat-Plattform und erhalten Sie die AppID und das Geheimnis der entsprechenden Plattform 2. Die
H5-Webseitenautorisierung muss auch den für die Webseite autorisierten Domainnamen festlegen Hintergrund des offiziellen Kontos
3. Miniprogramm Der Domainname der Schnittstelle muss https aktivieren und der legale Domainname für Anfrage und Download muss festgelegt sein 4.
Die App muss sich für die offene WeChat-Plattform bewerben und an diese binden.
Nachdem die oben genannten Arbeiten abgeschlossen sind, können Sie mit der Arbeit beginnen!
1. Autorisierung der H5-Webseite
1. Schaltfläche „Autorisierung“.
// official.vue
<u-button class="button" type="success" @click="getWeChatCode">立即授权</u-button>
2. js-Code
// official.vue
onLoad(options) {
if (options.scope) {
this.scope = options.scope
}
if (this.$wechat && this.$wechat.isWechat()) {
uni.setStorageSync('scope', this.scope)
let