Ein Beispiel zur Erläuterung der Funktion des WeChat-Applets, eine autorisierte Benutzeranmeldung per Mobiltelefonnummer zu erhalten

Es gibt viele Stellen im Miniprogramm, an denen registrierte Benutzerinformationen verwendet werden müssen. Mit dieser Komponente können Sie schnell die an WeChat gebundene Mobiltelefonnummer abrufen, ohne dass der Benutzer dies tun muss Füllen Sie es aus. Dieser Artikel teilt Ihnen hauptsächlich die WeChat-Applet-Funktion zum Erhalten einer autorisierten Benutzeranmeldung mit einer Mobiltelefonnummer mit. Freunde, die sie benötigen, können darauf verweisen.

1. Die getPhoneNumber-Komponente wird über die Schaltfläche implementiert (andere Tags sind ungültig). Legen Sie open-type="getPhoneNumber" in der Schaltfläche fest und binden Sie das bindgetphonenumber-Ereignis, um den Rückruf zu erhalten.

<span style="font-size:14px;"><button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button></span>

2. Die Login-Schnittstelle muss vor der Verwendung dieser Komponente aufgerufen werden. Wenn Login nicht aufgerufen wird, werden Sie beim Klicken auf die Schaltfläche aufgefordert, zuerst Login aufzurufen.

App({  
  onLaunch: function () {  
    wx.login({  
      success: function (res) {  
        if (res.code) {  
          //发起网络请求  
          console.log(res.code)  
        } else {  
          console.log('获取用户登录态失败！' + res.errMsg)  
        }  
      }  
    });  
  }  
})

3. Erhalten Sie den Rückruf über das an bindgetphonenumber gebundene Ereignis. Es gibt drei Parameter des Rückrufs:

errMsg: der Informationsrückruf, wenn der Benutzer auf „Abbrechen“ oder „Autorisieren“ klickt.

iv: Anfangsvektor des Verschlüsselungsalgorithmus (undefiniert, wenn der Benutzer der Autorisierung nicht zustimmt).

encryptedData: verschlüsselte Daten der Benutzerinformationen (wenn der Benutzer der Autorisierung nicht zustimmt, werden auch undefinierte Daten zurückgegeben)

getPhoneNumber: function(e) {   
  console.log(e.detail.errMsg)   
  console.log(e.detail.iv)   
  console.log(e.detail.encryptedData)   
  if (e.detail.errMsg == 'getPhoneNumber:fail user deny'){  
   wx.showModal({  
     title: '提示',  
     showCancel: false,  
     content: '未授权',  
     success: function (res) { }  
   })  
  } else {  
   wx.showModal({  
     title: '提示',  
     showCancel: false,  
     content: '同意授权',  
     success: function (res) { }  
   })  
  }  
 }

4 , müssen wir es auf unserer eigenen Geschäftslogik verarbeiten. Wenn der Benutzer der Autorisierung nicht zustimmt, haben wir möglicherweise eine Schnittstelle, über die er die Mobiltelefonnummer manuell eingeben kann. Er kann direkt zur Seite springen und mit dem nächsten Schritt fortfahren. (Der Benutzer stimmt der Autorisierung von errMsg nicht zu und gibt „getPhoneNumber:fail user deny“ zurück)

5 Der Benutzer stimmt der Autorisierung zu, wir können den session_key über den Hintergrund und die WeChat-Verarbeitung basierend auf erhalten Code, der beim Anmelden erhalten wurde, und schließlich über app_id, session_key, iv, verschlüsselte Daten (der Benutzer stimmt zu, errMsg zu autorisieren, „getPhoneNumber:ok“ zurückzugeben)

Ich habe auch eine kleine Programmfunktion gelernt, ich hoffe, sie kann helfen alle.

Verwandte Empfehlungen:

Schreibmethode für reguläre Ausdrücke zum Abrufen einer Mobiltelefonnummer in PHP

Instanzanalyse des WeChat-Applets, das die synchrone Anforderungsautorisierung implementiert

Zusammenfassung der zu beachtenden Punkte zur Verifizierung und Autorisierung

Das obige ist der detaillierte Inhalt vonEin Beispiel zur Erläuterung der Funktion des WeChat-Applets, eine autorisierte Benutzeranmeldung per Mobiltelefonnummer zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!