前言
創(chuàng)新互聯專注于龍圩企業(yè)網站建設,響應式網站設計,電子商務商城網站建設。龍圩網站建設公司,為龍圩等地區(qū)提供建站服務。全流程按需定制,專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯專業(yè)和態(tài)度為您提供的服務最近團隊在開發(fā)一款小程序,都是新手,一邊看文檔,一邊開發(fā)。在開發(fā)中會遇到各種問題,今天把小程序登錄這塊的流程整理下,做個記錄。
小程序的登錄跟平時自己APP這種登錄驗證還不太一樣,多了一個角色,那就是微信服務器。
根據微信官方提供的登錄流程時序圖可以清楚的了解小程序登錄需要多少個步驟,下面我們來總結下:
首先code是微信給的,如果你隨意生成code去驗證肯定是無效的,只有微信給的code才有效。code傳到開發(fā)者自己的服務后,再去問微信:
Hi 哥們,我這個code是有效的還是無效的???
微信會告訴你是有效還是無效,有效的情況下還會給你一個用戶的標識,也就是openid,同時還會有一個sessionkey,也就是會話的key。sessionkey的有效期默認是2小時,當用戶一直在使用小程序的話會自動刷新,這個是由微信這邊來維護的。
注意:
所以我們要為session_key創(chuàng)建別名,這個別名關聯的哪個用戶只有我們自己知道,唯一需要做的工作就在這塊。
我推薦2種方式來做關聯:
第一種:隨機生成key, 關聯openid,存入redis中,當請求帶入key,直接從redis中獲取openid得到當前用戶信息,這個其實也就是我們自己去維護了會話信息
第二種:采用JWT生成token,將openid綁定到token中,將token返回給小程序,請求的時候帶上token,通過解析token得到用戶信息。
下面我們以第二種方式來進行講解,會貼上部分代碼:
小程序中在app.js中的onLaunch方法中增加獲取code方法,并且調用后端的登錄接口獲取token:
wx.login({ success: function (res) { var code = res.code; if (code) { console.log('app啟動獲取用戶登錄憑證:' + code); let params = { "code": code }; let result = config.requestHttp(config.url.userLogin, 'POST', params) result.then(res => { let data = res.data if (data.code == 200) { wx.setStorageSync("login_token", data.data.token); } }).catch(err => { console.log(err) }); } else { console.log('獲取用戶登錄態(tài)失?。? + res.errMsg); } } })