java实现第三方微信登录

使用微信进行第三方登录总共分为三步;

准备:在微信开发平台,创建网站应用
appId值,appsecret值和回调域名

1.获取code

  • 1). 首先展示二维码,让用户进行扫描授权
    两种方式(选一):
    • 直接使用a标签进行链接二维码(方便)
      • 我们要填写的信息有:
        • appId(微信开发平台创建应用后提供)
        • redirect_uri(回调域名,必须是开发平台的创建应用的回调域名之下)
        • state(唯一凭证,随便填)
//请求路径,需更改
<a href="https://open.weixin.qq.com/connect/qrconnect?appid=应用ID&redirect_uri=回调地址&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect"
>微信登录</a>
  • 跳转自定义页面进行二维码展示
    定义一个a标签跳转到自定义的页面,在页面导入js文件
    • 我们要填写的信息有:
      • id(二维码展示的容器)
      • appId(微信开发平台创建应用后提供)
      • redirect_uri(回调域名,必须是开发平台的创建应用的回调域名之下)
      • state(唯一凭证,随便填)
      • style(二维码样式,已填)
      • href(样式,不填)
<script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<body>
	<div id="login_container"></div>
	<script type="text/javascript">
	    var obj = new WxLogin({
	        self_redirect:true,
	        id:"login_container",
	        appid: "应用ID",
	        scope: "snsapi_login",
	        redirect_uri: "回调地址",
	        state: "STATE",
	        style: "white",
	        href: ""
	    });
	</script>
</body>

2.在回调中根据code获取token和openid并获取微信用户信息

  • 1). 准备java发送http请求的工具类
        <dependency>
            <groupId>org.apache.httpcomponents</groupId>
            <artifactId>httpclient</artifactId>
            <version>4.5.7</version>
        </dependency>
        //阿里的json转换工具
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.4</version>
        </dependency>
public static String get(String uri){
        CloseableHttpClient httpClient = HttpClients.createDefault();
        HttpGet get = new HttpGet(uri);
        CloseableHttpResponse response = null;
        try {
            response = httpClient.execute(get);
            int statusCode = response.getStatusLine().getStatusCode();
            if(statusCode==200){
                HttpEntity entity = response.getEntity();
                String result = EntityUtils.toString(entity,"UTF-8");
                return result;
            }else {
                return null;
            }
        }catch (Exception e){
            e.printStackTrace();
        }
        return null;
    }
  • 2). 准备url请求
//获取token和openid请求路径,需更改其APPID和密钥,其他的代码中动态修改
    public String GETTOKEN = "" +
            "https://api.weixin.qq.com/sns/oauth2/access_token?appid=应用ID&secret=应用密钥&code=CODE&grant_type=authorization_code";

//用户信息请求路径,代码中动态修改
    public String USERINFO = "" +
            "https://api.weixin.qq.com/sns/userinfo?access_token=TOKEN&openid=OPENID"
  • 3). 最终集成的回调后台代码:
@RequestMapping("/callBack")
    public ModelAndView callBack(String code, String state){
        //回调获得code,通过用户授权的code去获取微信令牌
        String token = HttpClientUtil.get(GETTOKEN.replaceAll("CODE", code));
        Map map = JSON.parseObject(token);
        //获取到了关键的令牌和openid后,
        //就可以正式开始查询微信用户的信息,完成我们要做的微信绑定
        String access_token = (String) map.get("access_token");
        String openid = (String) map.get("openid");
        String userInfo = HttpClientUtil.get(USERINFO.replaceAll("TOKEN", access_token).replaceAll("OPENID", openid));
        Map info = JSON.parseObject(userInfo);
        //返回一个登录成功后的页面,携带微信用户信息
        return new ModelAndView("personal","userInfo",info);
    }
  • 4). 登录成功后的页面代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    微信名称:${userInfo.nickname}
    微信头像:<img src="${userInfo.headimgurl}"/>
</body>
</html>

最后在页面看到微信登录成功后的信息
在这里插入图片描述

这样我们就得到了微信登录用户的个人信息,完成微信第三方登录!

项目Demo地址:https://github.com/wl1006/WeChat-Login-Demo

  • 16
    点赞
  • 76
    收藏
    觉得还不错? 一键收藏
  • 38
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 38
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值