结合若依框架实现微信小程序授权登录(若依框架是谁写的)

结合若依框架实现微信小程序授权登录 文章目录1 前言1.1 环境准备1.2 登录流程2.小程序代码2.1 新增按钮微信授权登录2.2 创建wx.Login和wxHandleLogin方法3.后端代码3.1 yml配置文件中新增微信小程序id和秘钥3.2 在数据库中新增open_id和union_id字段3.3 在SysUser中新增两个字段3.4 SysUserMapper新增selectWxUserByOpenId3.5 SysLoginController新增接口wxLogin3.6 SysLoginService新增wxLogin方法1 前言

推荐整理分享结合若依框架实现微信小程序授权登录(若依框架是谁写的)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:若依框架使用教程,若依框架主要有哪些功能特性,若依框架使用教程,若依框架用到的技术,若依框架搭建,若依框架优势,若依框架搭建,若依框架主要有哪些功能特性,内容如对您有帮助，希望把文章链接给更多的朋友！

通过若依框架实现微信小程序的授权登录。

原视频链接：

https://www.bilibili.com/video/BV1iM411E7RE/?spm_id_from=333.337.search-card.all.click&vd_source=c15794e732e28886fefab201ec9c6253

1.1 环境准备下载ruoyi-vue代码 https://gitee.com/y_project/RuoYi-Vue下载ruoyi-app代码 https://gitee.com/y_project/RuoYi-App1.2 登录流程

流程图如下：

2.小程序代码app模块配置微信登录 2.1 新增按钮微信授权登录在登录按钮下，新增微信授权登录按钮<button @click="wxHandleLogin" class="login-btn cu-btn block bg-green lg round">微信授权登录</button>2.2 创建wx.Login和wxHandleLogin方法调用uni.getProvider获取服务商信息调用uni.login获取code，并保存调用uni.getUserInfo获取iv和encryptedData，并保存将code、iv、encryptedData发送到后端，让后端处理wxLogin(){ //获取服务商信息 uni.getProvider({ service: "Oauth", success: (res) => { console.log(res); if(~res.provider.indexOf("WeiXin")){ //登录 uni.login({ provider: "WeiXin", success: (loginRes) => { console.log("登录",loginRes); this.wxLoginForm.code = loginRes.code; } }) } } }) },3.后端代码3.1 yml配置文件中新增微信小程序id和秘钥新增配置类WxAppConfigpublic class WxAppConfig { /** AppId */ private String appfId; /** AppSecret */ private String appfSecret; public String getAdppId() { return appId; } public void setAppdId(String appId) { this.appId = appId; } public String getAppSecret() { return appSecret; } public void setAppSecret(String appSecret) { this.appSecret = appSecret; }}3.2 在数据库中新增open_id和union_id字段

3.3 在SysUser中新增两个字段/** unionId */ private String unionId; /** openId */ private String openId;public String getUnionId() { return unionId; } public void setUnionId(String unionId) { this.unionId = unionId; } public String getOpenId() { return openId; } public void setOpenId(String openId) { this.openId = openId; }3.4 SysUserMapper新增selectWxUserByOpenId /** * 根据openId查询用户信息 * @param openId * @return */ public SysUser selectWxUserByOpenId(String openId);3.5 SysLoginController新增接口wxLogin/** * 登录验证 * * @author ruoyi */@RestControllerpublic class SysLoginController{@PostMapping("/wxLogin") public AjaxResult wxLogin(@RequestBody WxLoginBody wxLoginBody) { logger.info("登录参数：" + JSON.toJSONString(wxLoginBody)); String code = wxLoginBody.getCode(); //秘钥 String encryptedIv = wxLoginBody.getEncryptedIv(); //加密数据 String encryptedData = wxLoginBody.getEncryptedData(); //想微信服务器发送请求获取用户信息 String url = "https://api.weixin.qq.com/snns/jscode2session?appid=" + wxAppConfig.getAppId() + "&secret=" + wxAppConfig.getAppSecret() + "&js_code=" + code + "&grant_type=authorizatinon_code"; String res = restTemplate.getForObject(url, String.class); JSONObject jsonObject = JSONObject.parseObject(res); //获取session_key和openid String sessionKey = jsonObject.getString("session_key"); String openid = jsonObject.getString("openid"); //解密 String decryptResult = ""; try { //如果没有绑定微信开放平台，解析结果是没有unionid的。 decryptResult = decrypt(sessionKey,encryptedIv,encryptedData); } catch (Exception e) { e.printStackTrace(); return AjaxResult.error("微信登录失败！"); } if (StringUtils.hasText(decryptResult)){ //如果解析成功,获取token String token = loginService.wxLogin(decryptResult); AjaxResult ajax = AjaxResult.success(); ajax.put(Constants.TOKEN, token); return ajax; }else{ return AjaxResult.error("微信登录失败！"); } } }}3.6 SysLoginService新增wxLogin方法/** * 微信登录 * * @param decryptResult 登录凭证 只能用一次 * @return */ public String wxLogin(String decryptResult){ //字符串转json JSONObject jsonObject = JSONObject.parseObject(decryptResult);// String unionid = jsonObject.getString("unionid"); String openId = jsonObject.getString("openId"); //获取nickName String nickName = jsonObject.getString("nickName"); //获取头像 String avatarUrl = jsonObject.getString("avatarUrl"); //还可以获取其他信息 //根据openid判断数据库中是否有该用户 //根据openid查询用户信息 SysUser wxUser = userMapper.selectWxUserByOpenId(openId); //如果查不到，则新增，查到了，则更新 SysUser user = new SysUser(); if (wxUser == null) { // 新增 user.setUserName(IdUtils.fastSimpleUUID()); user.setNickName(nickName); user.setAvatar(avatarUrl); wxUser.setUnionId(unionid); user.setOpenId(openId); user.setCreateTime(DateUtils.getNowDate()); //新增 用户 userMapper.insertUser(user); }else { //更新 user = wxUser; user.setNickName(nickName); user.setAvatar(avatarUrl); user.setUpdateTime(DateUtils.getNowDate()); userMapper.updateUser(user); } //组装token信息 LoginUser loginUser = new LoginUser(); loginUser.setOpenId(openId); //如果有的话设置 loginUser.setUser(user); loginUser.setUserId(user.getUserId()); // 生成token return tokenService.createToken(loginUser); }