Mini-Programmhandbücher, Benutzerautorisierungsideen und Projektimplementierungsmethoden (mit Code)

In diesem Artikel geht es um die Ideen und Projektimplementierungsmethoden für die Benutzerautorisierung (mit Code). Ich hoffe, dass er für Freunde in Not hilfreich ist Du. .

Benutzerinformationsautorisierung

Für Benutzer, die nicht über das Miniprogramm autorisiert sind, bricht die offizielle Website den direkten Aufruf der wx.getUserInfo-Methode ab. Die erste Autorisierung muss zuvor die benutzerdefinierte Schaltfläche aktiv auslösen Die offiziell autorisierte Komponente kann abgerufen werden

Die abrufbaren Informationen sind: Spitzname, Avatar, Geschlecht, Land, Provinz, Stadt, Geschlecht, Sprache

Dinge und Schritte

1 . Verwenden Sie wx.getSetting, um zu überprüfen, ob es autorisiert ist

2. Autorisiert, wx.getUserInfo zum Abrufen von Benutzerinformationen zu verwenden, speichern

3. Nicht autorisierte Anzeige einer benutzerdefinierten Seite mit der Schaltfläche bindGetUserInfo Benutzerinformationen zurückgeben, und die Schaltfläche ruft die offizielle WeChat-Autorisierung auf

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">允许用户授权</button>

Die Autorisierung ist abgeschlossen und die Benutzerinformationen werden gespeichert

Projektimplementierung

1. --Ich habe es nach der Anmeldemethode eingefügt

// 查看是否授权,保存授权状态
    wx.getSetting({
        success: function(res) {
            if (res.authSetting['scope.userInfo']) {
                wx.setStorageSync('isAuthorize', 'true');
                wx.getUserInfo({
                    success: function(res) {
                        wx.setStorageSync('userInfo', res.rawData);
                    }
                })
            } else {
                wx.setStorageSync('isAuthorize', 'false');
            }
        }
    })

2. Bestimmen Sie, ob eine benutzerdefinierte Schaltfläche in main.js angezeigt werden soll ------onload

<!-- 小程序授权组件 -->
<authorize id="authorize"></authorize>

4.main .json-----Hauptseitenkonfigurationsparameter

// 已授权隐藏弹框，未授权显示弹框
this.authorize = this.selectComponent("#authorize");
if (wx.getStorageSync('isAuthorize')=='true'){
    this.authorize.hideDialog()
}

5.authorize.js------Passen Sie die Seite an/ Popup-Komponente mit Button zum Autorisieren, hier wird nur der js-Teil gepostet

"usingComponents": {
    "authorize": "自定义授权组件的路径"
}

Die gesamte Autorisierung ist nun abgeschlossen!

Das obige ist der detaillierte Inhalt vonMini-Programmhandbücher, Benutzerautorisierungsideen und Projektimplementierungsmethoden (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!