您好,登錄后才能下訂單哦!
小程序中有很多地方都會(huì)用到注冊(cè)用戶信息的地方,用戶需要填寫手機(jī)號(hào)等,有了這個(gè)組件可以快速獲取微信綁定手機(jī)號(hào)碼,無(wú)須用戶填寫。
1.getPhoneNumber這個(gè)組件通過(guò)button來(lái)實(shí)現(xiàn)(別的標(biāo)簽無(wú)效)。將button中的open-type=“getPhoneNumber”,并且綁定bindgetphonenumber事件獲取回調(diào)。
<span ><button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button></span>
2.在使用這個(gè)組件之前必須先調(diào)用login接口,如果沒(méi)有調(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.通過(guò)bindgetphonenumber綁定的事件來(lái)獲取回調(diào)?;卣{(diào)的參數(shù)有三個(gè),
errMsg:用戶點(diǎn)擊取消或授權(quán)的信息回調(diào)。
iv:加密算法的初始向量(如果用戶沒(méi)有同意授權(quán)則為undefined)。
encryptedData: 用戶信息的加密數(shù)據(jù)(如果用戶沒(méi)有同意授權(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ù)邏輯來(lái)進(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來(lái)通過(guò)后臺(tái)以及微信處理拿到session_key,最后通過(guò)app_id,session_key,iv,encryptedData(用戶同意授權(quán)errMsg返回‘getPhoneNumber:ok')
總結(jié)
以上所述是小編給大家介紹的微信小程序獲取手機(jī)號(hào)授權(quán)用戶登錄功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。