Java后端接入微信小程序?qū)崿F(xiàn)登錄功能
前言
此文章是Java后端接入微信登錄功能,由于項(xiàng)目需要,舍棄了解密用戶信息的session_key
,只保留openid
用于檢索用戶信息
后端框架:spring boot
小程序框架:uniapp
流程概括
- 官方流程:通過(guò)自定義登錄態(tài)與openid,session_key關(guān)聯(lián),之后的前后端交互通過(guò)自定義登錄態(tài)來(lái)識(shí)別
- 只保留登錄流程:使用 spring boot 的session進(jìn)行交互,openid存入數(shù)據(jù)庫(kù),用來(lái)檢索用戶信息(可以理解為 openid 作為賬號(hào),只保留此小程序的登錄功能)
官方小程序登錄流程圖解(圖取自官網(wǎng))
- 通過(guò)wx.login()獲取code
- 將code發(fā)送給后端服務(wù)器,后端會(huì)返回一個(gè)token,這個(gè)token將作為你身份的唯一標(biāo)識(shí)。
- 將token通過(guò)wx.setStorageSync()保存在本地存儲(chǔ)。
- 用戶下次進(jìn)入?面時(shí),會(huì)先通過(guò)wx.getStorageSync() 方法判斷token是否有值,如果有值,則可以請(qǐng)求其它數(shù)據(jù),如果沒(méi)有值,則進(jìn)行登錄操作。
- openid:用來(lái)唯一標(biāo)識(shí)用戶的一個(gè)字符串,通過(guò)
openid
可以獲取用戶的基本信息(不同小程序中擁有不同openid) - code:
code
是用戶登錄憑證,由微信服務(wù)器頒發(fā)給小程序;后端通過(guò)code向微信服務(wù)器請(qǐng)求用戶的openid
和session_key
等信息。(code是一次性的,且時(shí)效為5分鐘) - unionid:用于標(biāo)識(shí)同一微信開(kāi)放平臺(tái)賬號(hào)下多個(gè)應(yīng)用的用戶,多個(gè)小程序中的
unionid
是相同的
接入小程序登錄(只保留 openid 登錄功能)
- 通過(guò)wx.login()獲取code
- 將code發(fā)送給后端服務(wù)器,后端保存openid到數(shù)據(jù)庫(kù)并返回sessionId
- 將sessionId通過(guò)wx.setStorageSync()保存在本地存儲(chǔ)
- 用戶下次進(jìn)入?面時(shí),會(huì)先通過(guò)wx.getStorageSync() 方法判斷sessionId是否有值,如果有值,則可以請(qǐng)求其它數(shù)據(jù),如果沒(méi)有值,則進(jìn)行登錄操作。
后端代碼
工具類
import cn.hutool.core.util.StrUtil; import cn.hutool.http.HttpRequest; import cn.hutool.json.JSONObject; import com.redapple.project.common.ErrorCode; import com.redapple.project.exception.ThrowUtils; public class RequestUtils { // 獲取AccessToken public static JSONObject getAccessToken(String appId, String appSecret) { String apiUrl = StrUtil.format( "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={}&secret={}", appId, appSecret ); String body = HttpRequest.get(apiUrl).execute().body(); ThrowUtils.throwIf(body == null, ErrorCode.OPERATION_ERROR); return new JSONObject(body); } // 獲取session_key和openid public static String getOpenIdByCode(String appId, String secret, String code) { String apiUrl = StrUtil.format( "https://api.weixin.qq.com/sns/jscode2session?appid={}&secret={}&js_code={}&grant_type=authorization_code", appId, secret, code ); String body = HttpRequest.get(apiUrl).execute().body(); ThrowUtils.throwIf(body == null, ErrorCode.OPERATION_ERROR); return body; } }
登錄實(shí)現(xiàn)
主要接收三個(gè)參數(shù),分別是小程序的appi、appSecret、前端傳來(lái)的code
這里通過(guò)工具類向微信接口服務(wù)發(fā)送jscode,返回openid
- openid存在:登錄,返回用戶信息
- openid不存在:注冊(cè),將openid存入數(shù)據(jù)庫(kù)并返回用戶信息
public LoginUserVO WeChatLogin(String appid, String secret, String code, HttpServletRequest request) { // 獲取session_key和openid String result = RequestUtils.getOpenIdByCode(appid, secret, code); System.out.println("result:" + result); // 提取openid String openid = new JSONObject(result).getStr("openid"); // 這里是自己封裝的方法,流程是如果openid為空則拋異常 ThrowUtils.throwIf(openid == null, ErrorCode.NOT_FOUND_ERROR, "openid為空"); // 查詢openid是否存在 QueryWrapper<User> queryWrapper = new QueryWrapper<>(); queryWrapper.eq("openid", openid); User oldUser = this.baseMapper.selectOne(queryWrapper); // openid不存在 if (oldUser == null) { // 添加用戶 User user = new User(); user.setOpenid(openid); user.setPhone("手機(jī)號(hào)未填寫(xiě)"); user.setUserName("默認(rèn)用戶"); boolean saveResult = this.save(user); if (!saveResult) { // 這里也是自己封裝的方法,流程是拋?zhàn)远x異常 throw new BusinessException(ErrorCode.SYSTEM_ERROR, "注冊(cè)失敗,數(shù)據(jù)庫(kù)錯(cuò)誤"); } // 記錄用戶的登錄態(tài) request.getSession().setAttribute(USER_LOGIN_STATE, user); return getLoginUserVO(user); } // 記錄用戶的登錄態(tài) request.getSession().setAttribute(USER_LOGIN_STATE, oldUser); // 用戶存在,返回用戶數(shù)據(jù) return getLoginUserVO(oldUser); // 自己封裝的方法,返回脫敏的用戶數(shù)據(jù) }
前端代碼
uniapp框架
<template> <view> <button class="loginbutton" @click="login">微信一鍵登錄</button> </view> </template> <script setup lang="ts"> const login = () => { uni.login({ provider: 'weixin', //使用微信登錄 success: function (loginRes) { if (loginRes.code !== null) { console.log("獲取code:" + loginRes.code) loginUser(loginRes.code); } else { console.log("code為空"); } } }) } const loginUser = (code: any) => { uni.request({ url: "http://localhost:8066/api/wechat/login", method: 'POST', data: { code: code, }, success: (res : any) => { //每次登錄時(shí)清楚緩存 uni.removeStorageSync('JSESSIONID'); // 保存Cookie到Storage uni.setStorageSync("JSESSIONID", res.header['Set-Cookie']) if (res.data.code === 1) { uni.switchTab({ url: "/pages/index/index" }) } else { console.log(res); } } }) } </script> <style> </style>
到此這篇關(guān)于Java后端接入微信小程序?qū)崿F(xiàn)登錄功能的文章就介紹到這了,更多相關(guān)Java登錄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JAVA String.valueOf()方法的用法說(shuō)明
這篇文章主要介紹了JAVA String.valueOf()方法的用法說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09kafka監(jiān)聽(tīng)問(wèn)題的解決和剖析
這篇文章主要給大家介紹了關(guān)于kafka監(jiān)聽(tīng)問(wèn)題的解決和剖析的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12ConcurrentHashMap?存儲(chǔ)結(jié)構(gòu)源碼解析
這篇文章主要為大家介紹了ConcurrentHashMap?存儲(chǔ)結(jié)構(gòu)源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10springboot整合spring-retry的實(shí)現(xiàn)示例
本文將結(jié)合實(shí)例代碼,介紹springboot整合spring-retry的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06Java數(shù)組集合的深度復(fù)制代碼實(shí)例
這篇文章主要介紹了Java數(shù)組集合的深度復(fù)制代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11Java 在Excel單元格中應(yīng)用一種/多種字體樣式(實(shí)例代碼)
這篇文章主要介紹了Java 在Excel單元格中應(yīng)用一種/多種字體樣式,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12關(guān)于Java中的可見(jiàn)性和有序性問(wèn)題
這篇文章主要介紹了關(guān)于Java中的可見(jiàn)性和有序性問(wèn)題,Java在誕生之初就支持多線程,自然也有針對(duì)這三者的技術(shù)方案,今天就學(xué)習(xí)一下Java如何解決其中的可見(jiàn)性和有序性導(dǎo)致的問(wèn)題,需要的朋友可以參考下2023-08-08mybatis中<choose>標(biāo)簽的用法說(shuō)明
這篇文章主要介紹了mybatis中<choose>標(biāo)簽的用法說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06