实现网站微信登录-成都快上网建站

实现网站微信登录

先阅读微信官方文档
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

    /**

    • 微信公众号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 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;
}

分享标题:实现网站微信登录
网页URL:http://kswjz.com/article/gjscso.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流