小編給大家分享一下微信小程序獲取手機(jī)號(hào)授權(quán)用戶登錄功能的案例,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
為通城等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及通城網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站建設(shè)、通城網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!小程序中有很多地方都會(huì)用到注冊(cè)用戶信息的地方,用戶需要填寫手機(jī)號(hào)等,有了這個(gè)組件可以快速獲取微信綁定手機(jī)號(hào)碼,無須用戶填寫。
1.getPhoneNumber這個(gè)組件通過button來實(shí)現(xiàn)(別的標(biāo)簽無效)。將button中的open-type=“getPhoneNumber”,并且綁定bindgetphonenumber事件獲取回調(diào)。
2.在使用這個(gè)組件之前必須先調(diào)用login接口,如果沒有調(diào)用login點(diǎn)擊button時(shí)會(huì)提示先調(diào)用login。
App({ onLaunch: function () { wx.login({ success: function (res) { if (res.code) { //發(fā)起網(wǎng)絡(luò)請(qǐng)求 console.log(res.code) } else { console.log('獲取用戶登錄態(tài)失敗!' + res.errMsg) } } }); } })
3.通過bindgetphonenumber綁定的事件來獲取回調(diào)?;卣{(diào)的參數(shù)有三個(gè),
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)的話可能我們會(huì)有一個(gè)讓他手動(dòng)輸入的界面,如果不是強(qiáng)制獲取手機(jī)號(hào)的話可以直接跳轉(zhuǎn)頁(yè)面進(jìn)行下一步。(用戶不同意授權(quán)errMsg返回‘getPhoneNumber:fail user deny')
5.用戶同意授權(quán),我們可以根據(jù)login時(shí)獲取到的code來通過后臺(tái)以及微信處理拿到session_key,最后通過app_id,session_key,iv,encryptedData(用戶同意授權(quán)errMsg返回‘getPhoneNumber:ok')
又學(xué)會(huì)一種小程序功能,希望能幫助到大家。
以上是“微信小程序獲取手機(jī)號(hào)授權(quán)用戶登錄功能的案例”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!