資訊專欄INFORMATION COLUMN
摘要：注沒有在微信開放平臺做開發(fā)者資質(zhì)認證的就不要浪費時間了，沒認證無法獲取，認證費用元年，微信授權(quán)登錄流程第一步獲取用戶臨時登錄憑證第二步獲取加密過的數(shù)據(jù)和解密參數(shù)第三步把步驟一二中的傳到開發(fā)者自己服務(wù)端第三步服務(wù)端獲取到之后用方法請求如下微信
注：沒有在微信開放平臺做開發(fā)者資質(zhì)認證的就不要浪費時間了，沒認證無法獲取unionId，認證費用300元/年，emmmm....
微信授權(quán)登錄流程第一步：wx.login獲取 用戶臨時登錄憑證code
第二步：wx.getUserInfo獲取加密過的數(shù)據(jù)encryptedData和解密參數(shù)iv
第三步：把步驟一、二中的code、encryptedData、iv傳到開發(fā)者自己服務(wù)端
第三步：服務(wù)端獲取到code、encryptedData、iv之后用get方法請求如下微信接口
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
appid：小程序appid
secret： 小程序密鑰
js_code： 第一步獲取的臨時登錄憑證code
grant_type："authorization_code"
接口會返回 openid, session_key，注意：用戶已經(jīng)授權(quán)過的平臺還會返回unionId，如果你只是需要unionId，則到此為止
官方文檔說法如圖：
沒有授權(quán)過則用encryptedData、session_key、iv、appid、secret進行解密，官方多語言解密示例下載鏈接：
unionId解密示例
包含c++ php python node
第四步：仿照示例解密后獲得unionId，想做什么就做什么了~
以下是授權(quán)登錄前端代碼:
authLogin () {
wx.login({
success: loginRes => {
let code = loginRes.code // 獲取用戶臨時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)過的平臺會直接返回unionId
// 沒有授權(quán)過則用session_key進行解密
// 解密成功后服務(wù)端根據(jù)邏輯返回自定義信息
}
})
}
})
}
})
}
以上步驟可行，但是微信調(diào)整了用戶授權(quán)方式
新的授權(quán)需用button組件調(diào)用getUserInfo，所以在這之前無法調(diào)用wx.login，但是如果先調(diào)用獲取用戶信息再調(diào)用wx.login的話，解密過程會出錯，猜測code對應(yīng)的session_key和之前getUserInfo獲取的encryptedData不匹配
解決辦法：
在頁面的onLoad生命周期里調(diào)用wx.login，獲取的code存入data以備需要的時候使用，但是code失效時間為5分鐘，如果用戶停留頁面時間過長后點擊授權(quán)登錄，此時的code已經(jīng)過期了，所以，獲取code的函數(shù)應(yīng)該每4分鐘左右調(diào)用一次
wxml按鈕授權(quán)：
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)
// 請求完成
}
})
} else {
console.log("用戶拒絕授權(quán)")
}
}
授權(quán)邏輯修改后實測沒有出過錯
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108544.html
摘要：小程序登錄微信網(wǎng)頁授權(quán)版首先呢，登錄授權(quán)授權(quán)登錄，是一樣的意思，不用糾結(jié)。寫小程序授權(quán)登錄的代碼前，需要了解清楚與的區(qū)別，這里再簡單介紹一下騰訊有個微信開放平臺，只有企業(yè)才能注冊賬號，可理解為微信體系里，最頂級的賬號。 小程序登錄、微信網(wǎng)頁授權(quán)（Java版） 首先呢，登錄、授權(quán)、授權(quán)登錄，是一樣的意思，不用糾結(jié)。 寫小程序授權(quán)登錄的代碼前，需要了解清楚openid與unionid的區(qū)別...
摘要：事先準備工作申請一個小程序，申請地址傳送門仔細閱讀小程序的用戶授權(quán)登陸官方文檔用戶授權(quán)登陸的流程仔細閱讀微信用戶數(shù)據(jù)解密的相關(guān)文檔用戶數(shù)據(jù)解密說明文檔在小程序后臺配置好相應(yīng)的后端請求地址，路徑是開發(fā)開發(fā)設(shè)置，如圖小程序如果需要做多個 事先準備工作 1.申請一個小程序，申請地址：傳送門 2.仔細閱讀小程序的用戶授權(quán)登陸官方文檔：《用戶授權(quán)登陸的流程》 3.仔細閱讀微信用戶數(shù)據(jù)解密的相關(guān)文...
摘要：參考鏈接微信小程序七日談第五天你可能要在登錄功能上花費大力氣理解認證及實踐網(wǎng)站微信登錄實現(xiàn)最后，感謝女朋友支持。 開發(fā)微信小程序時，接入小程序的授權(quán)登錄可以快速實現(xiàn)用戶注冊登錄的步驟，是快速建立用戶體系的重要一步。這篇文章將介紹 python + sanic + 微信小程序?qū)崿F(xiàn)用戶快速注冊登錄全棧方案。 微信小程序登錄時序圖如下： showImg(https://segmentfaul...
摘要：參考鏈接微信小程序七日談第五天你可能要在登錄功能上花費大力氣理解認證及實踐網(wǎng)站微信登錄實現(xiàn)最后，感謝女朋友支持。 開發(fā)微信小程序時，接入小程序的授權(quán)登錄可以快速實現(xiàn)用戶注冊登錄的步驟，是快速建立用戶體系的重要一步。這篇文章將介紹 python + sanic + 微信小程序?qū)崿F(xiàn)用戶快速注冊登錄全棧方案。 微信小程序登錄時序圖如下： showImg(https://segmentfaul...
摘要：優(yōu)雅解決微信小程序授權(quán)登錄需要觸發(fā)聊一聊最近的一個項目，這個項目是一個收書售書的小程序，有商城專欄信息發(fā)布論壇等功能。微信不會把的有效期告知開發(fā)者。 優(yōu)雅解決微信小程序授權(quán)登錄需要button觸發(fā) 聊一聊最近的一個項目，這個項目是一個收書、售書的小程序，有商城、專欄、信息發(fā)布論壇等功能。雖然不是面向所有用戶，但要求無論用戶是否授權(quán)都皆可使用，但同時也要求部分功能對不授權(quán)的用戶限制開放。...
閱讀 2078·2023-04-25 17:48
閱讀 3590·2021-09-22 15:37
閱讀 2941·2021-09-22 15:36
閱讀 6007·2021-09-22 15:06
閱讀 1644·2019-08-30 15:53
閱讀 1431·2019-08-30 15:52
閱讀 716·2019-08-30 13:48
閱讀 1126·2019-08-30 12:44
