휴대폰 번호로 승인된 사용자 로그인을 얻는 WeChat 애플릿의 기능을 설명하는 예-미니 프로그램 개발-php.cn

휴대폰 번호로 승인된 사용자 로그인을 얻는 WeChat 애플릿의 기능을 설명하는 예

小云云

풀어 주다： 2018-05-15 11:10:42

원래의

22995명이 탐색했습니다.

미니 프로그램에는 등록된 사용자 정보가 사용되는 곳이 많습니다. 사용자는 휴대폰 번호 등을 입력해야 합니다. 이 구성 요소를 사용하면 사용자가 입력할 필요 없이 WeChat에 바인딩된 휴대폰 번호를 빠르게 얻을 수 있습니다. 안에. 이 글은 주로 휴대폰 번호로 인증된 사용자 로그인을 얻는 WeChat 애플릿 기능을 공유합니다. 필요한 친구들이 참고하면 도움이 될 것입니다.

1. getPhoneNumber 구성 요소는 버튼을 통해 구현됩니다(다른 태그는 유효하지 않습니다). 버튼에 open-type="getPhoneNumber"를 설정하고 bingetphonenumber 이벤트를 바인딩하여 콜백을 가져옵니다.

<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.bingetphonenumber에 바인딩된 이벤트를 통해 콜백을 가져옵니다. 콜백에는

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 user denial'을 반환합니다.)

5. 사용자는 로그인 시 얻은 코드를 기반으로 백그라운드 및 WeChat 처리를 통해 session_key를 얻을 수 있습니다. 그리고 마지막으로 app_id, session_key, iv , 암호화된 데이터를 전달합니다(사용자는 errMsg가 'getPhoneNumber:ok'를 반환하도록 승인하는 데 동의합니다)

작은 프로그램 기능도 배웠는데, 이것이 모두에게 도움이 되기를 바랍니다.