前言
最近團隊在開發一款小程序,都是新手,一邊看文檔,一邊開發。在開發中會遇到各種問題,今天把小程序登錄這塊的流程整理下,做個記錄。
小程序的登錄跟平時自己APP這種登錄驗證還不太一樣,多了一個角色,那就是微信服務器。
根據微信官方提供的登錄流程時序圖可以清楚的了解小程序登錄需要多少個步驟,下面我們來總結下:
首先code是微信給的,如果你隨意生成code去驗證肯定是無效的,只有微信給的code才有效。code傳到開發者自己的服務后,再去問微信:
Hi 哥們,我這個code是有效的還是無效的啊?
微信會告訴你是有效還是無效,有效的情況下還會給你一個用戶的標識,也就是openid,同時還會有一個sessionkey,也就是會話的key。sessionkey的有效期默認是2小時,當用戶一直在使用小程序的話會自動刷新,這個是由微信這邊來維護的。
注意:
所以我們要為session_key創建別名,這個別名關聯的哪個用戶只有我們自己知道,唯一需要做的工作就在這塊。
我推薦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('獲取用戶登錄態失敗:' + res.errMsg); } } })
網頁名稱:關于微信小程序登錄的那些事-創新互聯
網頁鏈接:http://vcdvsql.cn/article44/jsjee.html
成都網站建設公司_創新互聯,為您提供網站內鏈、網站排名、微信小程序、品牌網站建設、品牌網站設計、服務器托管
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯