這篇文章主要介紹微信小程序中授權(quán)登錄的示例分析,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)公司擁有10多年的建站服務(wù)經(jīng)驗(yàn),在此期間,我們發(fā)現(xiàn)較多的客戶在挑選建站服務(wù)商前都非常的猶豫。主要問題集中:在無法預(yù)知自己的網(wǎng)站呈現(xiàn)的效果是什么樣的?也無法判斷選擇的服務(wù)商設(shè)計(jì)出來的網(wǎng)頁效果自己是否會(huì)滿意?成都創(chuàng)新互聯(lián)公司業(yè)務(wù)涵蓋了互聯(lián)網(wǎng)平臺(tái)網(wǎng)站建設(shè)、移動(dòng)平臺(tái)網(wǎng)站制作、網(wǎng)絡(luò)推廣、按需定制網(wǎng)站等服務(wù)。成都創(chuàng)新互聯(lián)公司網(wǎng)站開發(fā)公司本著不拘一格的網(wǎng)站視覺設(shè)計(jì)和網(wǎng)站開發(fā)技術(shù)相結(jié)合,為企業(yè)做網(wǎng)站提供成熟的網(wǎng)站設(shè)計(jì)方案。
公司業(yè)務(wù)開展,最近完成了一個(gè)微信小程序的開發(fā)。場景是這樣:同一微信開放平臺(tái)下?lián)碛邢嗤黧w的APP和微信小程序來完成同樣的業(yè)務(wù),用戶進(jìn)入app或者微信小程序時(shí)必須獲取用戶的unionid來確認(rèn)當(dāng)前的用戶身份,完成登錄。小程序“獲取用戶信息”api(getUserInfo)的調(diào)用方式和之前相比有了較大更新,優(yōu)雅的實(shí)現(xiàn)用戶授權(quán)和登錄非常重要,以下是我在微信小程序授權(quán)登錄相關(guān)流程在開發(fā)時(shí)候的實(shí)現(xiàn)思路和總結(jié),分享如下。
說明:
小程序調(diào)用wx.login() 獲取 臨時(shí)登錄憑證code ,并回傳到開發(fā)者服務(wù)器
開發(fā)者服務(wù)器以code換取 用戶唯一標(biāo)識(shí)openid 和 會(huì)話密鑰session_key。
臨時(shí)登錄憑證code只能使用一次
在關(guān)注者與公眾號(hào)產(chǎn)生消息交互后,公眾號(hào)可獲得關(guān)注者的OpenID(加密后的微信號(hào),每個(gè)用戶對每個(gè)公眾號(hào)的OpenID是唯一的。對于不同公眾號(hào),同一用戶的openid不同)?!⑿殴娖脚_(tái)開發(fā)者文檔
普通用戶的標(biāo)識(shí),對當(dāng)前公眾號(hào)唯一
不同的公眾號(hào),同一個(gè)用戶,openid不同
你可以簡單的理解為
openid = hash(uid + app_id)
如果開發(fā)者擁有多個(gè)移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用、和公眾帳號(hào)(包括小程序),可通過unionid來區(qū)分用戶的唯一性,因?yàn)橹灰峭粋€(gè)微信開放平臺(tái)帳號(hào)下的移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾帳號(hào)(包括小程序),用戶的unionid是唯一的。換句話說,同一用戶,對同一個(gè)微信開放平臺(tái)下的不同應(yīng)用,unionid是相同的。UnionID機(jī)制說明
如果開發(fā)者在多個(gè)移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾帳號(hào)之間有統(tǒng)一用戶賬號(hào)的需求,需要前往微信開放平臺(tái)(open.weixin.qq.com)綁定公眾號(hào)后,便可利用UnionID機(jī)制來滿足上述需求。
一個(gè)微信開放平臺(tái)帳號(hào)下可以有多個(gè)移動(dòng)應(yīng)用,網(wǎng)站應(yīng)用,公眾賬號(hào)和小程序
只要是同一個(gè)微信開放平臺(tái)帳號(hào)下的移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾帳號(hào)(包括小程序),用戶的unionid是唯一的。
用戶在開放平臺(tái)的唯一標(biāo)識(shí)符
你可以簡單的理解為:
unionid = hash(uid + 開放平臺(tái)id)
總結(jié)下
微信針對不同的用戶在不同的應(yīng)用下都有唯一的一個(gè)openId, 但是要想確定用戶是不是同一個(gè)用戶,就需要靠unionid來區(qū)分。一般自己的后臺(tái)都會(huì)有自己的一個(gè)用戶表,每個(gè)用戶有不同的userid。也就是說同一個(gè)用戶在同一個(gè)微信開放平臺(tái)下的相同主體的應(yīng)用對應(yīng)著相同的userid,unionid以及不同的openid。所以在用戶登錄進(jìn)來的時(shí)候,我們只能靠微信返回給我們的unionid去判斷是不是同一個(gè)用戶,在去關(guān)聯(lián)我們的用戶表,拿到對應(yīng)的userid。
綁定了開發(fā)者帳號(hào)的小程序,可以通過下面3種途徑獲取UnionID。
調(diào)用接口wx.getUserInfo,從解密數(shù)據(jù)中獲取UnionID。注意本接口需要用戶授權(quán),請開發(fā)者妥善處理用戶拒絕授權(quán)后的情況。
如果開發(fā)者帳號(hào)下存在同主體的公眾號(hào),并且該用戶已經(jīng)關(guān)注了該公眾號(hào)。開發(fā)者可以直接通過wx.login獲取到該用戶UnionID,無須用戶再次授權(quán)。
如果開發(fā)者帳號(hào)下存在同主體的公眾號(hào)或移動(dòng)應(yīng)用,并且該用戶已經(jīng)授權(quán)登錄過該公眾號(hào)或移動(dòng)應(yīng)用。開發(fā)者也可以直接通過wx.login獲取到該用戶UnionID,無須用戶再次授權(quán)。
當(dāng)用戶滿足條件2和3時(shí),開發(fā)者可以直接通過wx.login獲取到該用戶的unionid, 否則必須調(diào)用接口wx.getUserInfo
,額外需要注意的事就是妥善處理用戶拒絕授權(quán)的情況。
調(diào)用 wx.login 獲取 code。
使用 wx.getSetting 獲取用戶的授權(quán)情況
如果用戶已經(jīng)授權(quán),直接調(diào)用 API wx.getUserInfo 獲取用戶最新的信息;
用戶未授權(quán),在界面中顯示一個(gè)按鈕提示用戶登入,當(dāng)用戶點(diǎn)擊并授權(quán)后就獲取到用戶的最新信息。
將獲取到的用戶數(shù)據(jù)連同wx.login返回的code一同傳給后端
在真實(shí)的業(yè)務(wù)場景中,我們希望,用戶進(jìn)入小程序時(shí),未登錄情況下可以正常瀏覽商品,對小程序有個(gè)基本的認(rèn)知,不要直接彈出框要求用戶授權(quán),否則會(huì)干擾用戶,導(dǎo)致新用戶的流失,當(dāng)用戶需要使用一些高級功能和場景,這個(gè)時(shí)候再去要求用戶授權(quán),這樣用戶授權(quán)的幾率會(huì)大大提高。
將登錄的邏輯封裝ajax
流程:
封裝的意義
不再關(guān)注當(dāng)前接口是否需要登錄,用戶是否已授權(quán),所有請求直接調(diào)用ajax()
,在必要的時(shí)候完成一切登錄以及授權(quán)流程。小程序入口頁面增加,業(yè)務(wù)拓展的時(shí)候,你只需要專注于業(yè)務(wù)實(shí)現(xiàn)。
以上是“微信小程序中授權(quán)登錄的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!