当前位置:   article > 正文

若依(ruoyi)前后端分离版本集成微信小程序的一键登录功能_若依小程序

若依小程序

废话不多说,直接上代码

1、从小程序获取登录code:

  1. wx.login({
  2. success: (res) => {
  3. console.log(res)
  4. },
  5. })

2、在ruoyi-framework模块的pom.xml文件中添加hutool工具类

  1. <dependency>
  2. <groupId>cn.hutool</groupId>
  3. <artifactId>hutool-all</artifactId>
  4. <version>5.8.10</version>
  5. </dependency>

3、配置文件中添加微信小程序配置信息

  1. # 微信小程序配置
  2. wx:
  3. minApp:
  4. appId: # 替换成你的appid
  5. appSecret: # 替换成你的appSecret

ps:有关于微信小程序的appid和appSecret的获取方式微信官方文档中有详细获取方法,这里就不错赘述

4、后台添加微信获取openid接口实体类

在ruoyi-framework模块中添加pojo.dos.WxMiniProgramResponseDO实体类:

  1. package com.ruoyi.framework.pojo.dos;
  2. import lombok.Data;
  3. /**
  4. * 微信小程序登录请求响应DO
  5. * @author cmc
  6. */
  7. @Data
  8. public class WxMiniAppLoginResponseDO {
  9. private String openid;
  10. private String sessionKey;
  11. private String unionid;
  12. private String errcode;
  13. private String errmsg;
  14. }

5、在ruoyi-framework模块的SysLoginService中获取第三步添加的微信小程序配置信息

  1. //微信小程序appId
  2. @Value("${wx.minApp.appId}")
  3. private String appId;
  4. //微信小程序密钥
  5. @Value("${wx.minApp.appSecret}")
  6. private String appSecret;

6、在SysLoginService中添加微信小程序登录方法:

  1. /**
  2. * 小程序一键登录
  3. * @return token
  4. */
  5. public String miniProgramLogin(String code){
  6. //微信小程序获取openId请求地址
  7. String url = "https://api.weixin.qq.com/sns/jscode2session?appid={0}&secret={1}&js_code={2}&grant_type=authorization_code";
  8. String replaceUrl = url.replace("{0}", appId).replace("{1}", appSecret).replace("{2}", code);
  9. String res = HttpUtil.get(replaceUrl);
  10. WxMiniAppLoginResponseDO response = JSONUtil.toBean(res, WxMiniAppLoginResponseDO.class);
  11. if (StrUtil.isEmpty(response.getErrcode())){
  12. //检查数据库种是否有个openId对应的用户,若有,则直接返回token,若没有,则创建用户后再生成token并返回
  13. SysUser user = userService.getUserByOpenId(response.getOpenid());
  14. if (user == null){
  15. SysUser regUser = new SysUser();
  16. regUser.setOpenId(response.getOpenid());
  17. regUser.setUserName("微信用户_" + UUID.fastUUID());
  18. regUser.setNickName(regUser.getUserName());
  19. regUser.setPassword(SecurityUtils.encryptPassword(configService.selectConfigByKey("sys.user.initPassword"))); //todo 待建立常量类
  20. user = regUser;
  21. userService.registerUser(user);
  22. //todo 待赋予用户角色信息
  23. }
  24. UserDetails userDetail = impl.createLoginUser(user);
  25. LoginUser loginUser = BeanUtil.copyProperties(userDetail, LoginUser.class);
  26. //记录登录日志
  27. recordLoginInfo(loginUser.getUserId());
  28. // 生成token
  29. return tokenService.createToken(loginUser);
  30. }else {
  31. throw new ServiceException(StrUtil.format("获取微信授权信息失败,错误编码{},错误信息:{}",response.getErrcode(),response.getErrmsg()));
  32. }
  33. }

7、ruoyi-admin模块中添加调用上一步写的登录方法,提供对外接口

  1. @ApiOperation("微信小程序一键登录")
  2. @GetMapping("/login/miniProgramLogin")
  3. public AjaxResult miniProgramLogin(@RequestParam("code") String code) {
  4. AjaxResult ajax = AjaxResult.success();
  5. // 生成令牌
  6. String token = loginService.miniProgramLogin(code);
  7. ajax.put(Constants.TOKEN, token);
  8. return ajax;
  9. }

8、测试

        8.1:从第一步中获取到微信登录凭证code:

       

8.2、复制这个code,运行后台项目,打开swagger文档(我这里使用了knife4j,若依本身也集成了swagger文档,如何使用可以看官方文档,那里写的比我详细,或者也可以使用postman等工具进行接口调试)

调用接口,成功拿到token,登录成功!

创作不易,如果对你有帮助的话,点个赞再走吧(^-^)/

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/681781
推荐阅读
相关标签
  

闽ICP备14008679号