微信小程序怎么實現(xiàn)一個用戶登錄與登錄態(tài)維護(hù)功能-創(chuàng)新互聯(lián)

微信小程序怎么實現(xiàn)一個用戶登錄與登錄態(tài)維護(hù)功能？針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：申請域名、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、仙桃網(wǎng)站維護(hù)、網(wǎng)站推廣。

讓用戶登錄，標(biāo)識用戶和獲取用戶信息，以用戶為核心提供服務(wù)，是大部分小程序都會做的事情。我們今天就來了解下在小程序中，如何做用戶登錄，以及如何去維護(hù)這個登錄后的會話（Session）狀態(tài)。

在微信小程序中，我們大致會涉及到以下三類登錄方式：

•  自有的賬號注冊和登錄；
• 使用其他第三方平臺賬號登錄；
• 使用微信賬號登錄（即直接使用當(dāng)前已登錄的微信賬號來作為小程序的用戶進(jìn)行登錄）。

第一和第二種方式是目前Web應(yīng)用中最常見的兩種方式，在微信小程序中同樣可以使用，但是需要值的注意的是，小程序中沒有Cookie的機(jī)制，所以在使用這2種方式前，請確認(rèn)你們或第三方的API是否需要依賴Cookie；還有小程序中也不支持HTML頁面，那些需要使用頁面重定向來進(jìn)行登錄的第三方API就需要改造，或不能用了。

我們今天主要來討論一下第三種方式，即如何使用微信賬號進(jìn)行登錄，因為這種方式和微信平臺結(jié)合最緊密，用戶體驗比較好。

登錄流程

引用小程序官方文檔的登錄流程圖，整個登錄流程基本如下圖所示：

該圖中，“小程序”指的就是我們使用小程序框架寫的代碼部分，“第三方服務(wù)器”一般就是我們自己的后臺服務(wù)程序，“微信服務(wù)器”是微信官方的API服務(wù)器。

下面我們來逐步分解一下這個流程圖。

步驟一：在客戶端獲取當(dāng)前登錄微信用戶的登錄憑證(code)

在小程序中登錄的第一步，就是先獲取登錄憑證。我們可以使用wx.login()方法并得到一個登錄憑證。

我們可以在小程序的App代碼中發(fā)起登錄憑證請求，也可以在其他任何Page頁面代碼中發(fā)起登錄憑證請求，主要根據(jù)你小程序的實際需要。

步驟二：將登錄憑證發(fā)往你的服務(wù)端，并在你的服務(wù)端使用該憑證向微信服務(wù)器換取該微信用戶的標(biāo)識(openid)和會話密鑰(session_key)

首先，我們使用wx.request()方法，請求我們自己實現(xiàn)的一個后臺API，并將登錄憑證（code）攜帶過去，例如在我們前面代碼的基礎(chǔ)上增加：

你的后臺服務(wù)接著需要使用這個傳遞過來的登錄憑證，去調(diào)用微信接口換取openid和session_key

我們先來介紹下openid，用過公眾號的童鞋應(yīng)該對這個標(biāo)識都不陌生了，在公眾平臺里，用來標(biāo)識每個用戶在訂閱號、服務(wù)號、小程序這三種不同應(yīng)用的標(biāo)識，也就是說每個用戶在每個應(yīng)用的openid都是不一致的，所以在小程序里，我們可以用openid來標(biāo)識用戶的性。

那么session_key是用來干嘛的呢？有了用戶標(biāo)識，我們就需要讓該用戶進(jìn)行登錄，那么 session_key 就保證了當(dāng)前用戶進(jìn)行會話操作的有效性，這個session_key是微信服務(wù)端給我們派發(fā)的。也就是說，我們可以用這個標(biāo)識來間接地維護(hù)我們小程序用戶的登錄態(tài)，那么這個session_key是怎么拿到的呢？我們需要在自己的服務(wù)端請求微信提供的第三方接口 https://api.weixin.qq.com/sns/jscode2session

從這幾個參數(shù)，我們可以看出，要請求這個接口必須先調(diào)用wx.login()來獲取到用戶當(dāng)前會話的code。那么為什么我們要在服務(wù)端來請求這個接口呢？其實是出于安全性的考量，如果我們在前端通過request調(diào)用此接口，就不可避免的需要將我們小程序的appid和小程序的secret暴露在外部，同時也將微信服務(wù)端下發(fā)的session_key暴露給“有心之人”，這就給我們的業(yè)務(wù)安全帶來極大的風(fēng)險。除了需要在服務(wù)端進(jìn)行session_key的獲取，我們還需要注意兩點(diǎn)：

• session_key和微信派發(fā)的code是一一對應(yīng)的，同一code只能換取一次session_key。每次調(diào)用wx.login() ，都會下發(fā)一個新的code和對應(yīng)的session_key，為了保證用戶體驗和登錄態(tài)的有效性，開發(fā)者需要清楚用戶需要重新登錄時才去調(diào)用wx.login()
• session_key是有失效性的，即便是不調(diào)用wx.login，session_key也會過期，過期時間跟用戶使用小程序的頻率成正相關(guān)，但具體的時間長短開發(fā)者和用戶都是獲取不到的

步驟三：生成3rd_session

前面說過通過 session_key 來“間接”地維護(hù)登錄態(tài)，所謂間接，也就是我們需要 自己維護(hù)用戶的登錄態(tài)信息 ，這里也是考慮到安全性因素，如果直接使用微信服務(wù)端派發(fā)的session_key來作為業(yè)務(wù)方的登錄態(tài)使用，會被“有心之人”用來獲取用戶的敏感信息，比如wx.getUserInfo()這個接口呢，就需要session_key來配合解密微信用戶的敏感信息。

那么我們?nèi)绻勺约旱牡卿洃B(tài)標(biāo)識呢，這里可以使用幾種常見的不可逆的哈希算法，比如md5、sha1等，將生成后的登錄態(tài)標(biāo)識（這里我們統(tǒng)稱為'skey'）返回給前端，并在前端維護(hù)這份登錄態(tài)標(biāo)識(一般是存入storage)。而在服務(wù)端呢，我們會把生成的skey存在用戶對應(yīng)的數(shù)據(jù)表中，前端通過傳遞skey來存取用戶的信息。

步驟四：在客戶端保存Session ID

開發(fā)Web應(yīng)用的時候，在客戶端（瀏覽器）中，我們通常將Session ID存放在cookie中，但是小程序沒有cookie機(jī)制，所以不能采用cookie了，但是小程序有本地的storage，所以我們可以使用storage來保存Session ID，以供后續(xù)的后臺API調(diào)用所使用。

在之后，調(diào)用那些需要登錄后才有權(quán)限訪問的后臺服務(wù)時，你可以將保存在storage中的Session ID取出并攜帶在請求中（可以放在header中攜帶，也可以放在querystring中，或是放在body中，根據(jù)你自己的需要來使用），傳遞到后臺服務(wù)，后臺代碼中獲取到該Session ID后，從redis中查找是否有該Session ID存在，存在的話，即確認(rèn)該session是有效的，繼續(xù)后續(xù)的代碼執(zhí)行，否則進(jìn)行錯誤處理。

前面我們將skey存入前端的storage里，每次進(jìn)行用戶數(shù)據(jù)請求時會帶上skey，那么如果此時session_key過期呢？所以我們需要調(diào)用到wx.checkSession()這個API來校驗當(dāng)前session_key是否已經(jīng)過期，這個API并不需要傳入任何有關(guān)session_key的信息參數(shù)，而是微信小程序自己去調(diào)自己的服務(wù)來查詢用戶最近一次生成的session_key是否過期。如果當(dāng)前session_key過期，就讓用戶來重新登錄，更新session_key，并將新的skey存入用戶數(shù)據(jù)表中。

步驟五：支持emoji表情存儲

如果需要將用戶微信名存入數(shù)據(jù)表中，那么就確認(rèn)數(shù)據(jù)表及數(shù)據(jù)列的編碼格式。因為用戶微信名可能會包含emoji圖標(biāo)，而常用的UTF8編碼只支持1-3個字節(jié)，emoji圖標(biāo)剛好是4個字節(jié)的編碼進(jìn)行存儲。

這里有兩種方式(以mysql為例)：

1.設(shè)置存儲字符集

在mysql5.5.3版本后，支持將數(shù)據(jù)庫及數(shù)據(jù)表和數(shù)據(jù)列的字符集設(shè)置為 utf8mb4 ，因此可在 /etc/my.cnf 設(shè)置默認(rèn)字符集編碼及服務(wù)端編碼格式

[client]
default-character-set=utf8mb4
[mysql]
default-character-set=utf8mb4
[mysqld]
character-set-client-handshake = FALSE
character-set-server=utf8mb4
collation-server=utf8mb4_unicode_ci

新聞標(biāo)題：微信小程序怎么實現(xiàn)一個用戶登錄與登錄態(tài)維護(hù)功能-創(chuàng)新互聯(lián)
文章分享：http://muchs.cn/article6/csgiog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、微信小程序、微信公眾號、軟件開發(fā)、Google、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)