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

ミニプログラムには、登録ユーザー情報が使用される箇所が多数あります。ユーザーは携帯電話番号などを入力する必要があります。このコンポーネントを使用すると、ユーザーが入力することなく、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('获取用户登录态失败！' + 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 == 'getPhoneNumber:fail user deny'){  
   wx.showModal({  
     title: '提示',  
     showCancel: false,  
     content: '未授权',  
     success: function (res) { }  
   })  
  } else {  
   wx.showModal({  
     title: '提示',  
     showCancel: false,  
     content: '同意授权',  
     success: function (res) { }  
   })  
  }  
 }

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

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

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

関連おすすめ:

PHPで携帯電話番号を取得する正規表現の書き方

同期リクエスト認可を実装したWeChatアプレットのインスタンス解析

検証・認可の注意点まとめ

以上が携帯電話番号によって許可されたユーザーのログインを取得する WeChat アプレットの機能を説明する例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。