微信登录

微信配置文件

1. # 微信开放平台 appid
2. wx.open.app-id=你的appid
3. # 微信开放平台 appsecret
4. wx.open.app-secret=你的secret
5. # 微信开放平台 重定向url
6. wx.open.redirect-uri=重定向url/api/user/wx/callback

复制代码

配置类

1. package com.atguigu.yygh.user.utils;
3. import lombok.Data;
4. import org.springframework.boot.context.properties.ConfigurationProperties;
5. import org.springframework.context.annotation.Configuration;
6. import org.springframework.context.annotation.PropertySource;
8. @Configuration
9. @PropertySource("classpath:wx.properties")
10. @ConfigurationProperties(prefix = "wx.open")
11. @Data
12. public class ConstantProperties {
14.     private String appId;
15.     private String appSecret;
16.     private String redirectUri;
18. }

复制代码

前端请求方法

1. //切换微信登录
2.     weixinLogin() {
3.       this.dialogAtrr.showLoginType = 'weixin'
5.       user.getQRCodeParams().then((response) =>{
6.         new WxLogin({
7.           //true：手机单击确认后可以在iframe内跳转到redirecturl
8.         //false ：手机单击确认登录后可以在top window 跳转到redirecturl
9.             self_redirect: false,
10.             appid: response.data.appid,
11.             scope: response.data.scope,
12.             redirect_uri: response.data.redirectUri,
13.             state: response.data.state,
14.             href: '', // 外部css文件url，需要https
16.         })
17.       })
18.     },

复制代码

前端api

1. //获得微信登录二维码的相关参数
2.   getQRCodeParams(){
3.     return request({
4.       url : `/api/user/wx/getQRCodeParams`,
5.       method : `get`
6.     })
7. api文档：[url=https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html]网站应用微信登录开发指南[/url]
8. [code]package com.atguigu.yygh.user.controller.api;
10. import com.atguigu.yygh.common.exception.YyghException;
11. import com.atguigu.yygh.common.result.R;
12. import com.atguigu.yygh.common.result.ResultCode;
13. import com.atguigu.yygh.common.utils.JwtHelper;
14. import com.atguigu.yygh.model.user.UserInfo;
15. import com.atguigu.yygh.user.service.UserInfoService;
16. import com.atguigu.yygh.user.utils.ConstantProperties;
17. import com.atguigu.yygh.user.utils.HttpClientUtils;
18. import com.google.gson.Gson;
19. import com.sun.org.apache.regexp.internal.RE;
20. import io.swagger.annotations.Api;
21. import lombok.extern.slf4j.Slf4j;
22. import org.apache.http.client.utils.URLEncodedUtils;
23. import org.springframework.beans.factory.annotation.Autowired;
24. import org.springframework.stereotype.Controller;
25. import org.springframework.util.StringUtils;
26. import org.springframework.web.bind.annotation.GetMapping;
27. import org.springframework.web.bind.annotation.RequestMapping;
28. import org.springframework.web.bind.annotation.ResponseBody;
29. import sun.net.util.URLUtil;
31. import javax.net.ssl.HttpsURLConnection;
32. import javax.servlet.http.HttpSession;
33. import java.io.UnsupportedEncodingException;
34. import java.net.URLEncoder;
35. import java.util.HashMap;
36. import java.util.UUID;
38. @Api(tags = "微信扫码登录")
39. @Controller //注意这里没有配置@restcontroller
40. @RequestMapping("/api/user/wx")
41. @Slf4j
42. public class ApiWxController {
44.     @Autowired
45.     private ConstantProperties constantProperties;
47.     @Autowired
48.     private UserInfoService userInfoService;
50.     /**
51.      */
52.     @GetMapping("/getQRCodeUrl")
53.     public String getQRCodeUrl(HttpSession session){
55.         try {
56.             //处理回调url
57.             String redirectUrl = URLEncoder.encode(constantProperties.getRedirectUri(), "UTF-8");
59.             //处理state ：生成随机数，存入session
60.             String state = UUID.randomUUID().toString();
61.             log.info("生成的state = "+ state);
62.             session.setAttribute("wx_open_state",state);
64.             //要重定向的地址
65.             String qrcUrl = "https://open.weixin.qq.com/connect/qrconnect" +
66.                     "?appid=" + constantProperties.getAppId() +
67.                     "&redirect_uri=" + redirectUrl +
68.                     "&response_type=code" +
69.                     "&scope=snsapi_login" +
70.                     "&state=" + state +
71.                     "#wechat_redirect";
73.             return "redirect:" + qrcUrl;
74.         } catch (UnsupportedEncodingException e) {
75.         }
76.     }
78.     /**
79.      * 在内嵌窗口打开
80.      * @param session
81.      * @return
82.      */
83.     @GetMapping("/getQRCodeParams")
84.     @ResponseBody
85.     public R getQRCodeParams(HttpSession session){
86.         try {
87.             String redirectUrl = URLEncoder.encode(constantProperties.getRedirectUri(), "UTF-8");
89.             String state = UUID.randomUUID().toString();
90.             log.info("生成的state ： "+ state);
91.             session.setAttribute("wx_open_state",state);
93.             //组装好返回给前端的数据
94.             HashMap<String, Object> map = new HashMap<>();
95.             map.put("appid",constantProperties.getAppId());
96.             map.put("redirectUri",redirectUrl);
97.             map.put("scope","snsapi_login");
98.             map.put("state",state);
100.             return R.ok().data(map);
102.         } catch (UnsupportedEncodingException e) {
103.         }
105.     }
107.     /**
108.      * 回调函数
109.      */
110.     @GetMapping("/callback")
111.     public String callback(String code, String state, HttpSession session)  {
113.         try {
114.             String sessionState = (String)session.getAttribute("wx_open_state");
116.             //判空操作
117.             if(StringUtils.isEmpty(code) || StringUtils.isEmpty(state) || !state.equals(sessionState)){
118.                 throw new YyghException(ResultCode.ERROR,"回调参数错误");
119.             }
121.             //向微信发送请求，请求获得access_tokens
122.             String accessTokenUrl ="https://api.weixin.qq.com/sns/oauth2/access_token" +
123.                     "?appid=" + constantProperties.getAppId() +
124.                     "&secret=" + constantProperties.getAppSecret() +
125.                     "&code=" + code +
126.                     "&grant_type=authorization_code";
128.             //使用httpclient发送请求
129.             String accessTokenInfo = HttpClientUtils.get(accessTokenUrl);
131.             //将json'转换成map 获取其中的errcode键值 ，来判断相应的成功与否
132.             Gson gson = new Gson();
133.             HashMap<String,Object> accessTokenInfoMap = gson.fromJson(accessTokenInfo, HashMap.class);
135.             //通过错误码是否存在来判断响应是否成功
136.             if(accessTokenInfoMap.get("errcode") !=null ){ //errcode只要存在就说明有错误
137.                 throw new YyghException(ResultCode.ERROR,"获取access_token失败");
138.             }
140.             //微信获取access_token成功
141.             String openid = (String) accessTokenInfoMap.get("openid");
142.             String accessToken = (String) accessTokenInfoMap.get("access_token");
144.             //根据openid判断数据库中的数据是否存在
145.             UserInfo  userInfo= userInfoService.selectWxInfoByOpenId(openid);
146.             if(userInfo==null){
147.                 //用户不存在则进行注册操作
149.                 //向微信的资源服务器发送请求，获得当前用户的信息
150.                 String userInfoUrl ="https://api.weixin.qq.com/sns/userinfo" +
151.                         "?access_token=" + accessToken +
152.                         "&openid=" + openid;
154.                 String userInfResult = HttpClientUtils.get(userInfoUrl);
155.                 HashMap<String,Object> userInfResultMap = gson.fromJson(userInfResult, HashMap.class);
156.                 //判断响应是否失败，同上
157.                 //通过错误码是否存在来判断响应是否成功
158.                 if(accessTokenInfoMap.get("errcode") !=null ){ //errcode只要存在就说明有错误
159.                     throw new YyghException(ResultCode.ERROR,"获取用户信息失败");
160.                 }
162.                 //解析用户信息
163.                 String nickname =(String) userInfResultMap.get("nickname");
165.                 //用户注册（添加）
166.                  userInfo = new UserInfo();
167.                  userInfo.setName(nickname);
168.                  userInfo.setNickName(nickname);
169.                  userInfo.setOpenid(openid);
170.                  userInfoService.save(userInfo);
171.             }else {
172.                 //用户存在则只需判断用户状态是否可用
173.                 if(userInfo.getStatus() == 0){
174.                     throw new YyghException(ResultCode.ERROR,"用户已被锁定");
175.                 }
176.             }
178.             //生成jwt字符串
179.             String token = JwtHelper.createToken(userInfo.getId(), userInfo.getName());
181.             //跳转到前端页面
182.             return "redirect:http://localhost:3000/" +
183.                     "?token=" + token +
184.                     "&name=" + URLEncoder.encode(userInfo.getName(), "utf-8") +
185.                     "&openid=" + openid +
186.                     "&phone=" + userInfo.getPhone() ;
187.         } catch (Exception e) {
189.             throw new YyghException(ResultCode.ERROR,"微信登录失败",e);
190.         }
192.     }
194. }

复制代码