微信小程序中獲取微信用戶綁定的手機號getPhoneNumber

調用getPhoneNumber之前先調用wx.login接口,獲取登錄憑證(code),通過憑證進而獲取用戶登錄態信息(包括openid及session_key)
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
1.js文件中
(1)在getPhoneNumber裏面,先調用微信登錄接口wx.login,獲取登錄憑證code,請求後臺接口(參數爲encryptedData,iv,code),請求成功,後臺返回的res裏面包括phoneNumber等微信用戶信息

(請求成功後,console.log(res)裏面已經獲取到phoneNumber等,截圖裏面的wx.setStorage是把後臺返回的手機號存儲起來,因爲項目其他地方需要用到)
在這裏插入圖片描述

(2)wx.request請求成功,後臺返回phoneNumber,appid等微信用戶的數據,如下圖所示

在這裏插入圖片描述

2.wxml頁面如下:

需要將 < button > 組件 open-type 的值設置爲 getPhoneNumber,當用戶點擊並同意之後,可以通過 bindgetphonenumber 事件回調獲取到微信服務器返回的加密數據, 然後在第三方服務端結合 session_key 以及 app_id 進行解密獲取手機號。
在這裏插入圖片描述

3.微信開發工具效果如下:

在這裏插入圖片描述

4.點擊獲取微信用戶綁定的手機號,彈出確認框,點擊“允許”即可授權可獲取到用戶的手機號

在這裏插入圖片描述
希望對你有幫助,有疑問可留言一起討論,謝謝~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章