微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法
注:沒(méi)有在微信開放平臺(tái)做開發(fā)者資質(zhì)認(rèn)證的就不要浪費(fèi)時(shí)間了,沒(méi)認(rèn)證無(wú)法獲取unionId,認(rèn)證費(fèi)用300元/年,emmmm....
微信授權(quán)登錄流程
第一步:wx.login獲取 用戶臨時(shí)登錄憑證code
第二步:wx.getUserInfo獲取加密過(guò)的數(shù)據(jù)encryptedData和解密參數(shù)iv
第三步:把步驟一、二中的code、encryptedData、iv傳到開發(fā)者自己服務(wù)端
第三步:服務(wù)端獲取到code、encryptedData、iv之后用get方法請(qǐng)求如下微信接口
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
appid:小程序appid
secret: 小程序密鑰
js_code: 第一步獲取的臨時(shí)登錄憑證code
grant_type:'authorization_code'
接口會(huì)返回 openid, session_key,注意:用戶已經(jīng)授權(quán)過(guò)的平臺(tái)還會(huì)返回unionId,如果你只是需要unionId,則到此為止
官方文檔說(shuō)法如圖:
沒(méi)有授權(quán)過(guò)則用encryptedData、session_key、iv、appid、secret進(jìn)行解密,官方多語(yǔ)言解密示例下載鏈接:
unionId解密示例
包含c++ php python node
第四步:仿照示例解密后獲得unionId,想做什么就做什么了~
以下是授權(quán)登錄前端代碼:
authLogin () { wx.login({ success: loginRes => { let code = loginRes.code // 獲取用戶臨時(shí)code wx.getUserInfo({ success: function (res) { let encryptedData = res.encryptedData // 獲取加密數(shù)據(jù) let iv = res.iv // 解密參數(shù) // 發(fā)送解密必要數(shù)據(jù)到服務(wù)端 wx.request({ url: 'http://localhost', methods: 'POST', data: { code: code, encryptedData: encryptedData, iv: iv }, succeess: res => { // 服務(wù)端首先調(diào)用微信接口獲取session_key // 用戶已經(jīng)授權(quán)過(guò)的平臺(tái)會(huì)直接返回unionId // 沒(méi)有授權(quán)過(guò)則用session_key進(jìn)行解密 // 解密成功后服務(wù)端根據(jù)邏輯返回自定義信息 } }) } }) } }) }
以上步驟可行,但是微信調(diào)整了用戶授權(quán)方式
新的授權(quán)需用button組件調(diào)用getUserInfo,所以在這之前無(wú)法調(diào)用wx.login,但是如果先調(diào)用獲取用戶信息再調(diào)用wx.login的話,解密過(guò)程會(huì)出錯(cuò),猜測(cè)code對(duì)應(yīng)的session_key和之前getUserInfo獲取的encryptedData不匹配
解決辦法:
在頁(yè)面的onLoad生命周期里調(diào)用wx.login,獲取的code存入data以備需要的時(shí)候使用,但是code失效時(shí)間為5分鐘,如果用戶停留頁(yè)面時(shí)間過(guò)長(zhǎng)后點(diǎn)擊授權(quán)登錄,此時(shí)的code已經(jīng)過(guò)期了,所以,獲取code的函數(shù)應(yīng)該每4分鐘左右調(diào)用一次
wxml按鈕授權(quán):
<button open-type='getUserInfo' bindgetuserinfo="authLogin">微信登錄</button>
js:
// 獲取code onLoad: function (options) { this.getCodeTimer() }, getCodeTimer () { wx.login({ success: res => { this.data.code = res.code setTimeout(() => { this.getCodeTimer() }, 4 * 60 * 1000) } }) }, // 授權(quán)登錄 authLogin(event) { if (event.detail.errMsg == 'getUserInfo:ok') { wx.showLoading() let reqData = { code: this.data.code, encryptedData: event.detail.encryptedData, iv: event.detail.iv } wx.request({ url: 'http://localhost:8080', methods: 'POST', data: reqData, success: (res) => { console.log(res) // 請(qǐng)求完成 } }) } else { console.log('用戶拒絕授權(quán)') } }
授權(quán)邏輯修改后實(shí)測(cè)沒(méi)有出過(guò)錯(cuò)
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序獲取手機(jī)號(hào)授權(quán)用戶登錄功能
- 微信小程序用戶授權(quán),以及判斷登錄是否過(guò)期的方法
- 微信小程序?qū)崿F(xiàn)授權(quán)登錄
- 微信小程序 授權(quán)登錄詳解(附完整源碼)
- php實(shí)現(xiàn)微信小程序授權(quán)登錄功能(實(shí)現(xiàn)流程)
- uni-app微信小程序登錄授權(quán)的實(shí)現(xiàn)
- 微信小程序后端實(shí)現(xiàn)授權(quán)登錄
- 微信小程序授權(quán)登錄解決方案的代碼實(shí)例(含未通過(guò)授權(quán)解決方案)
- 微信小程序非跳轉(zhuǎn)式組件授權(quán)登錄的方法示例
- 微信小程序授權(quán)登錄的優(yōu)雅處理方式
相關(guān)文章
微信小程序methods中定義的方法互相調(diào)用的實(shí)例代碼
這篇文章主要介紹了微信小程序methods中定義的方法互相調(diào)用的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08用js實(shí)現(xiàn)計(jì)算代碼行數(shù)的簡(jiǎn)單方法附代碼
用js實(shí)現(xiàn)計(jì)算代碼行數(shù)的簡(jiǎn)單方法附代碼...2007-08-08typescript中 declare global 關(guān)鍵字用法示例小結(jié)
在TypeScript中,declare global 用于在模塊內(nèi)部擴(kuò)展全局作用域,本文重點(diǎn)介紹typescript中 declare global 關(guān)鍵字用法示例小結(jié),感興趣的朋友跟隨小編一起看看吧2024-04-04uniapp中使用vuex的過(guò)程(解決uniapp無(wú)法在data和template中獲取vuex數(shù)據(jù)問(wèn)題)
這篇文章主要介紹了uniapp中使用vuex(解決uniapp無(wú)法在data和template中獲取vuex數(shù)據(jù)問(wèn)題),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05使用原生js實(shí)現(xiàn)拖拽和粘貼上傳圖片功能
這篇文章主要介紹了使用原生js實(shí)現(xiàn)拖拽和粘貼上傳圖片功能,Vue/Rect?生態(tài)用多了都快忘記原生js怎么寫了,今天需要直接在服務(wù)器裸寫個(gè)頁(yè)面,實(shí)現(xiàn)?textarea?文本框里接收拖拽多個(gè)圖片,需要的朋友可以參考下2024-04-04盤點(diǎn)javascript 正則表達(dá)式中 中括號(hào)的【坑】
下面小編就為大家?guī)?lái)一篇盤點(diǎn)javascript 正則表達(dá)式中 中括號(hào)的【坑】。小編覺(jué)得總結(jié)的不錯(cuò)。現(xiàn)在分享給大家,希望能給大家一個(gè)參考2016-03-03JS實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)渲染的豎向步驟條
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)渲染的豎向步驟條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06window.location.hash 屬性使用說(shuō)明
location是javascript里邊管理地址欄的內(nèi)置對(duì)象,比如location.href就管理頁(yè)面的url,用location.href=url就可以直接將頁(yè)面重定向url。而location.hash則可以用來(lái)獲取或設(shè)置頁(yè)面的標(biāo)簽值。2010-03-03簡(jiǎn)單談?wù)刯avascript高級(jí)特性
看過(guò)很多關(guān)于js高級(jí)特性介紹的文章,本文是個(gè)人感覺(jué)最通俗易懂的,這里分享給大家,希望大家能夠喜歡2019-09-09