java后端接入微信小程序登录功能

海哥  金牌会员 | 2023-6-19 19:34:52 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 905|帖子 905|积分 2715

前言

此文章是Java后端接入微信登录功能,由于项目需要,舍弃了解密用户信息的session_key,只保留openid用于检索用户信息
后端框架:spring boot
小程序框架:uniapp
流程概括


  • 官方流程:通过自定义登录态与openid,session_key关联,之后的前后端交互通过自定义登录态来识别
  • 只保留登录流程:使用 spring boot 的session进行交互,openid存入数据库,用来检索用户信息(可以理解为 openid 作为账号,只保留此小程序的登录功能)
官方小程序登录流程图解(图取自官网)

  • 通过wx.login()获取code
  • 将code发送给后端服务器,后端会返回一个token,这个token将作为你身份的唯一标识。
  • 将token通过wx.setStorageSync()保存在本地存储。
  • 用户下次进入⻚面时,会先通过wx.getStorageSync() 方法判断token是否有值,如果有值,则可以请求其它数据,如果没有值,则进行登录操作。


  • openid:用来唯一标识用户的一个字符串,通过openid可以获取用户的基本信息(不同小程序中拥有不同openid)
  • code:code是用户登录凭证,由微信服务器颁发给小程序;后端通过code向微信服务器请求用户的openid和session_key等信息。(code是一次性的,且时效为5分钟)
  • unionid:用于标识同一微信开放平台账号下多个应用的用户,多个小程序中的unionid是相同的
接入小程序登录(只保留 openid 登录功能)

  • 通过wx.login()获取code
  • 将code发送给后端服务器,后端保存openid到数据库并返回sessionId
  • 将sessionId通过wx.setStorageSync()保存在本地存储
  • 用户下次进入⻚面时,会先通过wx.getStorageSync() 方法判断sessionId是否有值,如果有值,则可以请求其它数据,如果没有值,则进行登录操作。

后端代码

工具类
  1. import cn.hutool.core.util.StrUtil;
  2. import cn.hutool.http.HttpRequest;
  3. import cn.hutool.json.JSONObject;
  4. import com.redapple.project.common.ErrorCode;
  5. import com.redapple.project.exception.ThrowUtils;
  6. public class RequestUtils {
  7.     // 获取AccessToken
  8.     public static JSONObject getAccessToken(String appId, String appSecret) {
  9.         String apiUrl = StrUtil.format(
  10.                 "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={}&secret={}",
  11.                 appId, appSecret
  12.         );
  13.         String body = HttpRequest.get(apiUrl).execute().body();
  14.         ThrowUtils.throwIf(body == null, ErrorCode.OPERATION_ERROR);
  15.         return new JSONObject(body);
  16.     }
  17.     // 获取session_key和openid
  18.     public static String getOpenIdByCode(String appId, String secret, String code) {
  19.         String apiUrl = StrUtil.format(
  20.                 "https://api.weixin.qq.com/sns/jscode2session?appid={}&secret={}&js_code={}&grant_type=authorization_code",
  21.                 appId, secret, code
  22.         );
  23.         String body = HttpRequest.get(apiUrl).execute().body();
  24.         ThrowUtils.throwIf(body == null, ErrorCode.OPERATION_ERROR);
  25.         return body;
  26.     }
  27. }
复制代码
登录实现
主要接收三个参数,分别是小程序的appi、appSecret、前端传来的code
这里通过工具类向微信接口服务发送jscode,返回openid

  • openid存在:登录,返回用户信息
  • openid不存在:注册,将openid存入数据库并返回用户信息
  1.     public LoginUserVO WeChatLogin(String appid, String secret, String code, HttpServletRequest request) {
  2.         // 获取session_key和openid
  3.         String result = RequestUtils.getOpenIdByCode(appid, secret, code);
  4.         System.out.println("result:" + result);
  5.         // 提取openid
  6.         String openid = new JSONObject(result).getStr("openid");
  7.         // 这里是自己封装的方法,流程是如果openid为空则抛异常
  8.         ThrowUtils.throwIf(openid == null, ErrorCode.NOT_FOUND_ERROR, "openid为空");
  9.         // 查询openid是否存在
  10.         QueryWrapper<User> queryWrapper = new QueryWrapper<>();
  11.         queryWrapper.eq("openid", openid);
  12.         User oldUser = this.baseMapper.selectOne(queryWrapper);
  13.         // openid不存在
  14.         if (oldUser == null) {
  15.             // 添加用户
  16.             User user = new User();
  17.             user.setOpenid(openid);
  18.             user.setPhone("手机号未填写");
  19.             user.setUserName("默认用户");
  20.             boolean saveResult = this.save(user);
  21.             if (!saveResult) {
  22.                 // 这里也是自己封装的方法,流程是抛自定义异常
  23.                 throw new BusinessException(ErrorCode.SYSTEM_ERROR, "注册失败,数据库错误");
  24.             }
  25.             // 记录用户的登录态
  26.             request.getSession().setAttribute(USER_LOGIN_STATE, user);
  27.             return getLoginUserVO(user);
  28.         }
  29.         // 记录用户的登录态
  30.         request.getSession().setAttribute(USER_LOGIN_STATE, oldUser);
  31.         // 用户存在,返回用户数据
  32.         return getLoginUserVO(oldUser);        // 自己封装的方法,返回脱敏的用户数据
  33.     }
复制代码
前端代码

uniapp框架
  1. <template>
  2.         <view>
  3.                 <button  @click="login">微信一键登录</button>
  4.         </view>
  5. </template>
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

海哥

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表