微信小程序getPhoneNumber獲取用戶手機號

更新時間：2017年09月29日 11:33:03 作者：Abby_shi

這篇文章主要介紹了微信小程序getPhoneNumber獲取用戶手機號的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下

微信小程序getPhoneNumber獲取用戶手機號

小程序中有很多地方都會用到注冊用戶信息的地方，用戶需要填寫手機號等，有了這個組件可以快速獲取微信綁定手機號碼，無須用戶填寫。

1.getPhoneNumber這個組件通過button來實現(xiàn)（別的標簽無效）。將button中的open-type=“getPhoneNumber”,并且綁定bindgetphonenumber事件獲取回調(diào)。

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">

2.在使用這個組件之前必須先調(diào)用login接口，如果沒有調(diào)用login點擊button時會提示先調(diào)用login。

App({ 
  onLaunch: function () { 
    wx.login({ 
      success: function (res) { 
        if (res.code) { 
          //發(fā)起網(wǎng)絡(luò)請求 
          console.log(res.code) 
        } else { 
          console.log('獲取用戶登錄態(tài)失??！' + res.errMsg) 
        } 
      } 
    }); 
  } 
})

3.通過bindgetphonenumber綁定的事件來獲取回調(diào)?；卣{(diào)的參數(shù)有三個，

errMsg：用戶點擊取消或授權(quán)的信息回調(diào)。
iv：加密算法的初始向量（如果用戶沒有同意授權(quán)則為undefined）。
encryptedData：用戶信息的加密數(shù)據(jù)（如果用戶沒有同意授權(quán)同樣返回undefined）

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: '未授權(quán)', 
     success: function (res) { } 
   }) 
  } else { 
   wx.showModal({ 
     title: '提示', 
     showCancel: false, 
     content: '同意授權(quán)', 
     success: function (res) { } 
   }) 
  } 
 }

4.最后我們需要根據(jù)自己的業(yè)務(wù)邏輯來進行處理，如果用戶不同意授權(quán)的話可能我們會有一個讓他手動輸入的界面，如果不是強制獲取手機號的話可以直接跳轉(zhuǎn)頁面進行下一步。（用戶不同意授權(quán)errMsg返回‘getPhoneNumber:fail user deny'）

5.用戶同意授權(quán)，我們可以根據(jù)login時獲取到的code來通過后臺以及微信處理拿到session_key，最后通過app_id，session_key,iv,encryptedData（用戶同意授權(quán)errMsg返回‘getPhoneNumber:ok'）

6.解密的方法可以去微信官方開發(fā)文檔查看，有很詳細說明。

加密數(shù)據(jù)解密算法（官方文檔）

如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章: