实现网站微信登录

发布时间：2020-07-16 11:04:22 作者：qq5ccfe88de5ba6
来源：网络阅读：156

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

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

/**
- 微信公众号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/oauth3/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 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<String, Object> 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<String, Object> 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;
}

实现网站微信登录

相关阅读