微信小程序getPhoneNumber快速獲取用戶手機(jī)號組件 小程序中有很多地方都會用到注冊用戶信息的地方,用戶需要填寫手機(jī)號等, 有了這個組件可以快速獲取微信綁定手機(jī)號碼,無須用戶填寫。 1.getPhoneNumber這
<span style="font-size:14px;"><button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button></span>
2.在使用這個組件之前必須先調(diào)用login接口,如果沒有調(diào)用login點(diǎn)擊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:用戶點(diǎn)擊取消或授權(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ù)邏輯來進(jìn)行處理,如果用戶不同意授權(quán)的話可能我們會有一個讓他手動輸入的界面,如果不是強(qiáng)制獲取手機(jī)號的話可以直接跳轉(zhuǎn)頁面進(jì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’)
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點(diǎn)擊舉報。