微信小程序getPhoneNumber獲取用戶手機(jī)號
微信小程序getPhoneNumber獲取用戶手機(jī)號
小程序中有很多地方都會用到注冊用戶信息的地方,用戶需要填寫手機(jī)號等, 有了這個組件可以快速獲取微信綁定手機(jī)號碼,無須用戶填寫。
1.getPhoneNumber這個組件通過button來實現(xiàn)(別的標(biāo)簽無效)。將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ù)邏輯來進(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')
6.解密的方法可以去微信官方開發(fā)文檔查看,有很詳細(xì)說明。
如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
Three.js?Interpolant實現(xiàn)動畫插值
這篇文章主要為大家介紹了Three.js?Interpolant實現(xiàn)動畫插值示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解
這篇文章主要為大家介紹了超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09動態(tài)引入DynamicImport實現(xiàn)原理
這篇文章主要為大家介紹了動態(tài)引入DynamicImport實現(xiàn)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實例代碼
這篇文章主要介紹了微信小程序 獲取當(dāng)前地理位置和經(jīng)緯度實例代碼的相關(guān)資料,這里附有實例代碼,及實現(xiàn)效果圖,需要的朋友可以參考下2016-12-12