实现网站微信登录

先阅读微信官方文档
https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html

1.事先准备
网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。在进行微信OAuth2.在进行微信OAuth2.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文件如下
/**

添加微信配置类br/>*/
@Component
@ConfigurationProperties(prefix = "wxopen")br/>@Data
public class WxopenConfig {
/**
- 微信公众号appid
  */
  private String appid;
/**
- 秘钥
  */
  private String appsecret;
/**
- 回调地址
  */
  private String redirectUrl;
/**
- 微信开发平台二维码连接
  */
  private final static String OPEN_QRCODE_URL = "https://open.weixin.qq.com/connect/qrconnect?appid=%s&redirect_uri=%s&response_type=code&scope=snsapi_login&state=%s#wechat_redirect";
/**
- 开发平台获取token地址
  */
  private final static String OPEN_ACCESS_TOKEN_URL = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=%s&secret=%s&code=%s&grant_type=authorization_code";
/**
- 通过token获取用户信息
  */
  private final static String OPEN_USER_INFO_URL = "https://api.weixin.qq.com/sns/userinfo?access_token=%s&openid=%s&lang=zh_CN";
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.编写登录接口以及登录成功回调接口获取用户信息
/**

@param accessPage 登录成功返回的地址http
@return

@throws UnsupportedEncodingExceptionbr/>*/
@GetMapping("/login_url")
public RespBody loginUrl(@RequestParam(value = "access_page", required = true) String accessPage) throws UnsupportedEncodingException {

//获取开发平台回调地址
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"));
    }
}

实现网站微信登录

猜你喜欢