Un exemple pour expliquer la fonction de l'applet WeChat consistant à obtenir une connexion utilisateur autorisée par numéro de téléphone mobile

Il existe de nombreux endroits dans le mini-programme où les informations des utilisateurs enregistrés sont utilisées. Les utilisateurs doivent renseigner leur numéro de téléphone mobile, etc. Avec ce composant, vous pouvez obtenir rapidement le numéro de téléphone mobile lié à WeChat sans que l'utilisateur ait à le faire. remplissez-le. Cet article partage principalement avec vous la fonction de l'applet WeChat permettant d'obtenir une connexion utilisateur autorisée avec un numéro de téléphone mobile. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

1. Le composant getPhoneNumber est implémenté via le bouton (les autres balises ne sont pas valides). Définissez open-type="getPhoneNumber" dans le bouton et liez l'événement bindgetphonenumber pour obtenir le rappel.

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

2. L'interface de connexion doit être appelée avant d'utiliser ce composant. Si la connexion n'est pas appelée, lorsque vous cliquez sur le bouton, vous serez invité à appeler d'abord la connexion.

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

3. Recevez le rappel via l'événement lié au numéro de téléphone bindget. Il y a trois paramètres de rappel,

errMsg : le rappel d'informations lorsque l'utilisateur clique pour annuler ou autoriser.

iv : Vecteur initial de l'algorithme de chiffrement (indéfini si l'utilisateur n'accepte pas l'autorisation).

encryptedData : données cryptées des informations utilisateur (si l'utilisateur n'accepte pas d'autoriser, elles renverront également un élément non défini)

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. , nous devons utiliser notre propre logique commerciale pour le traiter. Si l'utilisateur n'accepte pas l'autorisation, nous pouvons avoir une interface pour qu'il puisse saisir manuellement. S'il n'est pas obligatoire d'obtenir le numéro de téléphone mobile, il. peut accéder directement à la page et passer à l’étape suivante. (L'utilisateur n'accepte pas d'autoriser errMsg et renvoie 'getPhoneNumber:fail user deny')

5 L'utilisateur accepte d'autoriser, nous pouvons obtenir la clé de session via l'arrière-plan et le traitement WeChat en fonction du. code obtenu lors de la connexion, et enfin Via app_id, session_key, iv, selectedData (l'utilisateur s'engage à autoriser errMsg à renvoyer 'getPhoneNumber:ok')

J'ai aussi appris une petite fonction de programme, j'espère que cela pourra aider tout le monde.

Recommandations associées :

Méthode d'écriture d'expression régulière pour obtenir un numéro de téléphone mobile en PHP

Analyse d'instance de l'applet WeChat implémentant une autorisation de demande synchrone

Résumé des points à noter concernant la vérification et l'autorisation

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!