這篇文章主要介紹小程序中如何通過用戶授權(quán)獲取手機號(getPhoneNumber)的實現(xiàn)方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！
創(chuàng)新互聯(lián)公司是一家專業(yè)提供許昌企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站制作、成都網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為許昌眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
小程序有一個獲取用戶很便捷的api，就是通過getPhoneNumber獲取用戶的已經(jīng)綁定微信的手機號碼。有一點要大家注意，現(xiàn)在微信和注重用戶體驗，有些方法都是需要用戶主動去觸發(fā)才能調(diào)用的，比如getPhoneNumber。
官方文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html
實現(xiàn)思路：
直接上干貨：
1、
2、JS內(nèi)getPhoneNumbe組件函數(shù)（該事件中最重要的就是在wx.login登錄后發(fā)起接口請求），這里需要配置參數(shù)來給接口：
這些是必不可少的參數(shù)，這些齊備才能算一個合法的請求。
appid: “你的小程序APPID”, secret: “你的小程序appsecret”, code: res.code, encryptedData: telObj, iv: ivObj
重慶分公司
重慶分公司
//通過綁定手機號登錄
getPhoneNumber: function (e) {
var ivObj = e.detail.iv
var telObj = e.detail.encryptedData
var codeObj = "";
var that = this;
//------執(zhí)行Login---------
wx.login({
success: res => {
console.log('code轉(zhuǎn)換', res.code);
//用code傳給服務(wù)器調(diào)換session_key
wx.request({
url: 'https://你的接口文件路徑', //接口地址
data: {
appid: "你的小程序APPID",
secret: "你的小程序appsecret",
code: res.code,
encryptedData: telObj,
iv: ivObj
},
success: function (res) {
phoneObj = res.data.phoneNumber;
console.log("手機號=", phoneObj)
wx.setStorage({ //存儲數(shù)據(jù)并準(zhǔn)備發(fā)送給下一頁使用
key: "phoneObj",
data: res.data.phoneNumber,
})
}
})
//-----------------是否授權(quán)，授權(quán)通過進(jìn)入主頁面，授權(quán)拒絕則停留在登陸界面
if (e.detail.errMsg == 'getPhoneNumber:user deny') { //用戶點擊拒絕
wx.navigateTo({
url: '../index/index',
})
} else { //允許授權(quán)執(zhí)行跳轉(zhuǎn)
wx.navigateTo({
url: '../test/test',
})
}
}
});
},最終結(jié)果展示：
點擊"拒絕"，開發(fā)者能捕捉到該事件 ，此時getPhoneNumber 函數(shù)返回 e.detail.errMsg 為 getPhoneNumber:user deny
以上是“小程序中如何通過用戶授權(quán)獲取手機號(getPhoneNumber)的實現(xiàn)方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
