大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
先阅读微信官方文档
https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
成都创新互联网络公司拥有十载的成都网站开发建设经验,上1000+客户的共同信赖。提供成都网站建设、网站建设、网站开发、网站定制、外链、建网站、网站搭建、成都响应式网站建设公司、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务
1.事先准备
网站应用微信登录是基于OAuth3.0协议标准构建的微信OAuth3.0授权登录系统。 在进行微信OAuth3.在进行微信OAuth3.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,可开始接入流程。
2.编辑yml文件以及config文件 用于获取配置值
application.yml文件添加以下配置
wxopen:
appid: wx025575xx69a2d5b
appsecret: deeae310axxxfa9d3e8f3
redirect_url: http://fde9ab75.ngrok.io/api/v1/wechat/user/callback #回调地址 域名开放平台设置
其中appid就是申请的应用id,appsecret就是申请的应用秘钥,redirect_url是扫码登录成功返回的地址
需是外网访问,在申请的应用中配置
外网映射实现可使用ngrok:具体可阅读https://gitchat.csdn.net/activity/5c6cf6044bb44360f3370255?utm_source=znx0619_2
config文件如下
/**
添加微信配置类*/
@Component
br/>*/
@Component
br/>@Data
/**
/**
/**
/**
/**
/**
public static String getOpenQrcodeUrl() {
return OPEN_QRCODE_URL;
}
public static String getOpenAccessTokenUrl() {
return OPEN_ACCESS_TOKEN_URL;
}
public static String getOpenUserInfoUrl() {
return OPEN_USER_INFO_URL;
}
}
3.编写登录接口以及登录成功回调接口获取用户信息
/**
@throws UnsupportedEncodingException*/
@GetMapping("/login_url")
br/>*/
@GetMapping("/login_url")
//获取开发平台回调地址
String redirectUrl = wxopenConfig.getRedirectUrl();
//进行编码
String callbackUrl = URLEncoder.encode(redirectUrl, "GBK");
String qrcodeUrl = String.format(WxopenConfig.getOpenQrcodeUrl(), wxopenConfig.getAppid(), callbackUrl, accessPage);
return RespBody.success(qrcodeUrl);
}
此时会返回给前端一个二维码url,扫码登录成功,自动回调下面这个接口,并跳转到想要的页面即access_page的值
/**
* 微信开放平台回调地址
*
* @param code 微信开放平台返回code 去获取AccessToken后 用AccessToken 去获取用户信息
* @param state 用户跳转地址
* @param
*/
@GetMapping("/user/callback")
public void wechatUserCallback(@RequestParam(value = "code", required = true) String code,
String state, HttpServletResponse response) throws IOException {
System.out.println("code:" + code);
System.out.println("state:" + state);
User user = iUserService.saveWeChatUser(code);
if (user != null) {
//生成Jwt
String token = JwtUtils.geneJsonWebToken(user);
//state当前用户页面地址需要拼接http://
response.sendRedirect(state + "?token=" + token + "&head_img=" + user.getHeadImg()
+ "&name=" + URLEncoder.encode( user.getName(),"UTF-8"));
}
}
@Override
public User saveWeChatUser(String code) {
//获取accessToken和openId
String accessTokenUrl = String.format(WxopenConfig.getOpenAccessTokenUrl(), wxopenConfig.getAppid(), wxopenConfig.getAppsecret(), code);
Map baseMap = HttpUtils.doGet(accessTokenUrl);
if (baseMap == null || baseMap.isEmpty()) {
return null;
}
String accessToken = (String) baseMap.get("access_token");
String openId = (String) baseMap.get("openid");
//更新用户 直接返回
User dbUser = userMapper.findByOpenid(openId);
if (dbUser != null) {
return dbUser;
}
//用AccessToken获取用户基本信息
String userInfoUrl = String.format(WxopenConfig.getOpenUserInfoUrl(), accessToken, openId);
Map baseUserMap = HttpUtils.doGet(userInfoUrl);
if (baseUserMap == null || baseUserMap.isEmpty()) {
return null;
}
//获取用户信息并转码
String nickname = (String) baseUserMap.get("nickname");
String province = (String) baseUserMap.get("province");
String city = (String) baseUserMap.get("city");
String country = (String) baseUserMap.get("country");
try {
nickname = new String(nickname.getBytes("ISO-8859-1"), "UTF-8");
province = new String(province.getBytes("ISO-8859-1"), "UTF-8");
city = new String(city.getBytes("ISO-8859-1"), "UTF-8");
country = new String(country.getBytes("ISO-8859-1"), "UTF-8");
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
Double sexTemp = (Double) baseUserMap.get("sex");
int sex = sexTemp.intValue();
String headimgurl = (String) baseUserMap.get("headimgurl");
StringBuffer sb = new StringBuffer(country).append("||").append(city).append("||").append(province);
String finalAddress = sb.toString();
User user = new User();
user.setName(nickname);
user.setCity(finalAddress);
user.setSex(sex);
user.setHeadImg(headimgurl);
user.setOpenid(openId);
user.setCreateTime(new Date());
//存入用户信息
userMapper.insert(user);
return user;
}