携帯電話番号によって許可されたユーザーのログインを取得する WeChat アプレットの機能を説明する例-ミニプログラム開発-php.cn

携帯電話番号によって許可されたユーザーのログインを取得する WeChat アプレットの機能を説明する例

小云云

リリース： 2018-05-15 11:10:42

オリジナル

22995 人が閲覧しました

ミニプログラムには、登録ユーザー情報が使用される箇所が多数あります。ユーザーは携帯電話番号などを入力する必要があります。このコンポーネントを使用すると、ユーザーが入力することなく、WeChat にバインドされた携帯電話番号をすぐに取得できます。で。この記事では主に、携帯電話番号を使用して認証ユーザーのログインを取得する WeChat アプレット機能について説明します。必要な方は参考にしていただければ幸いです。

1. getPhoneNumber コンポーネントはボタンを通じて実装されます (他のタグは無効です)。ボタンに open-type="getPhoneNumber" を設定し、bindgetphonenumber イベントをバインドしてコールバックを取得します。

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

ログイン後にコピー

2. このコンポーネントを使用する前にログインインターフェイスを呼び出す必要があります。ログインが呼び出されない場合、ボタンをクリックすると、最初にログインを呼び出すように求められます。

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

ログイン後にコピー

3. bindinggetphonenumber にバインドされたイベントを通じてコールバックを取得します。コールバックには 3 つのパラメータがあります。

errMsg: ユーザーがクリックしてキャンセルまたは承認したときの情報コールバック。

iv: 暗号化アルゴリズムの初期ベクトル (ユーザーが認可に同意しない場合は未定義)。

encryptedData: ユーザー情報の暗号化されたデータ (ユーザーが承認に同意しない場合は、未定義も返されます)

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

ログイン後にコピー

4. 最後に、独自のビジネスロジックに従って処理する必要があります。ユーザーが認証に同意しない場合は、携帯電話番号の取得を強制されない場合は、インターフェイスで手動で入力することができ、ページに直接ジャンプして次のステップに進むことができます。 (ユーザーは errMsg の承認に同意せず、「getPhoneNumber:fail userdeny」を返します)

5. ユーザーは、ログイン時に取得したコードに基づいてバックグラウンドおよび WeChat 処理を通じて session_key を取得できます。そして最後に app_id、session_key、iv 、 encryptedData を渡します (ユーザーは errMsg が 'getPhoneNumber:ok' を返すことを許可することに同意します)

小さなプログラム関数も学びました。皆さんのお役に立てれば幸いです。