微信联合登录--第三方网站微信扫码登录对接

最新推荐文章于 2024-05-11 18:44:30 发布
最新推荐文章于 2024-05-11 18:44:30 发布
阅读量4.1k 收藏 13
点赞数 1
分类专栏： java开发应用 文章标签： 微信扫码登录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tonyfreak/article/details/93750265
版权

最近公司项目网站需要支持第三方登录，需要对接微信，场景是用户通过微信app扫二维码实现自动登录功能。

效果如下图所示：
在这里插入图片描述
一、前期准备

经过查阅文档，发现微信该功能属于微信开放平台（https://open.weixin.qq.com），所以需要注册相关的资质，等待微信方面的审核，审核通过以后获得相应的权限，拿到开发所需要的APP_ID和APP_SECRET。
在这里插入图片描述
在这里插入图片描述

需要注意的是，在微信开放平台也要设置授权回调域，以前做过微信相关开发的同学应该都知道这个。刚接触微信对接的同学会发现，在本地开发调试的时候，微信的回调不能通知到本地接口。这时就需要内网穿透，工具很多在此就不赘述了。以前我也写过相关的文章，有兴趣的同学可以翻一下。
在这里插入图片描述
工具界面如下，通过访问指定的域名就可以访问到本地项目了。
在这里插入图片描述

至此，开发前的准备工具基本告一段落，接下来开始代码编写。

二、代码编写

1、定义常量

public class Constant {
/**
     * 验证是否来自微信服务器的请求.
     */
    public static final String STATE = "xxxxxxxxxxxx";

    /**
     * 功能描述: 微信相关--微信网页登录地址.
     *
     * @param
     * @return
     * @author zz
     * @date 2019/5/27 11:30
     */
    public static final String WECHAT_QR_URL = "https://open.weixin.qq.com/connect/qrconnect?appid=";

    /**
     * 功能描述: 跳转路径.
     *
     * @param
     * @return
     * @author zz
     * @date 2019/5/27 11:36
     */
    public static final String REDIRECT_URI = "/api/authcenter/weChat/callback";
    /**
     * 功能描述:  绑定.
     *
     * @param null
     * @return
     * @author zz
     * @date 2019/6/14 13:56
     */
    public static final String REDIRECT_URI_BIND = "/api/authcenter/weChat/callback/bind";
    /**
     * 获取openId.
     */
    public static final String ACCESS_TOKEN_URL = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=";

    /**
     * 公众号APPID.
     */
    public static final String APP_ID = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

    /**
     * APP秘钥.
     */
    public static final String APP_SECRET = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

    /**
     * 获取用户信息.
     */
    public static final String GET_WECHAT_USER_INFO = "https://api.weixin.qq.com/sns/userinfo?access_token=";
    }

2、写了一个工具类，将部分方法封装起来，项目里直接去调用。

public class WeChatUtil {

    /**
     * 功能描述:  获取微信网页登录地址.
     *
     * @param redirectUri redirectUri
     * @return url
     * @author zz
     * @date 2019/5/27 11:26
     */
    public static String openWeChatLogin(String redirectUri) {
        String url = Constant.WECHAT_QR_URL + Constant.APP_ID + "&redirect_uri=" + URLEncoder.encode(redirectUri) +
                "&response_type=code&scope=snsapi_login&state=" + Constant.STATE + "#wechat_redirect";
        return url;
    }

    /**
     * 功能描述:  微信扫码绑定地址.
     *
     * @param redirectUri redirectUri
     * @return url
     * @author zz
     * @date 2019/6/14 13:42
     */
    public static String bind(String redirectUri, String userId) {
        String url = Constant.WECHAT_QR_URL + Constant.APP_ID + "&redirect_uri=" + URLEncoder.encode(redirectUri) +
                "&response_type=code&scope=snsapi_login&state=" + Constant.STATE + "_" + userId + "#wechat_redirect";
        return url;
    }

    /**
     * 功能描述:  微信授权获取openid和access_token.
     *
     * @param code code
     * @return map
     * @author zz
     * @date 2019/5/24 17:15
     */
    public static Map getOauth2(String code) {
        Map map = new HashMap();

        String url = Constant.ACCESS_TOKEN_URL + Constant.APP_ID + "&secret=" + Constant.APP_SECRET + "&code=" + code + "&grant_type=authorization_code";
        String result = HttpUtil.httpRequest(url);
        if (!Strings.isNullOrEmpty(result)) {
            JSONObject json = JSON.parseObject(result);
            if (json.get("errcode") != null) {
                log.debug("code参数异常，获取accessToken失败");
                return map;
            }
            String accessToken = json.getString("access_token");
            String openid = json.getString("openid");
            String unionid = json.getString("unionid");
            if (!Strings.isNullOrEmpty(accessToken)) {
                map.put("accessToken", accessToken);
            }
            if (!Strings.isNullOrEmpty(openid)) {
                map.put("openid", openid);
            }
            if (!Strings.isNullOrEmpty(unionid)) {
                map.put("unionid", unionid);
            }
            log.debug("获取到的参数--" + map.toString());
        } else {
            log.debug("请求失败，请重试");
        }
        return map;
    }

    /**
     * 功能描述: 获取微信用户个人信息.
     *
     * @param openId      openId
     * @param accessToken accessToken
     * @return java.conf.Map
     * @author zz
     * @date 2019/5/24 16:42
     */
    public static Map getWeChatInfo(String openId, String accessToken) {
        Map map = new HashMap();

        if (!Strings.isNullOrEmpty(openId) && !Strings.isNullOrEmpty(accessToken)) {
            String weChatUrl = Constant.GET_WECHAT_USER_INFO + accessToken + "&openid=" + openId + "&lang=zh_CN";
            String userInfo = HttpUtil.httpRequest(weChatUrl);
            if (!Strings.isNullOrEmpty(userInfo)) {
                JSONObject json = JSONObject.parseObject(userInfo);
                if (json.get("errcode") != null) {
                    log.debug("openid或accessToken参数异常，获取微信个人信息失败");
                    return map;
                }
                String nickName = json.getString("nickname");
                String headimgurl = json.getString("headimgurl");
                //普通用户性别，1为男性，2为女性
                Integer sex = json.getInteger("sex");
                String province = json.getString("province");
                String city = json.getString("city");
                String country = json.getString("country");
                String unionid = json.getString("unionid");
                if (!Strings.isNullOrEmpty(nickName)) {
                    map.put("nickName", nickName);
                }
                if (!Strings.isNullOrEmpty(headimgurl)) {
                    map.put("headimgurl", headimgurl);
                }
                if (sex != null) {
                    map.put("sex", sex);
                }
                if (!Strings.isNullOrEmpty(province)) {
                    map.put("province", province);
                }
                if (!Strings.isNullOrEmpty(city)) {
                    map.put("city", city);
                }
                if (!Strings.isNullOrEmpty(country)) {
                    map.put("country", country);
                }
                if (!Strings.isNullOrEmpty(unionid)) {
                    map.put("unionid", unionid);
                }
                log.debug("获取到的参数--" + map.toString());
            } else {
                log.debug("获取微信用户信息失败");
            }
        } else {
            log.debug("请求参数不全");
        }
        return map;
    }

    /**
     * 功能描述:  测试.
     *
     * @param
     * @return
     * @author zz
     * @date 2019/5/28 10:34
     */
    public static void main(String[] args) {
        System.out.println("获取微信跳转地址--" + openWeChatLogin("http://tonyfreak.free.idcfengye.com"));
        System.out.println("获取openid和access_token--" + getOauth2("222"));
        System.out.println("获取微信个人信息--" + getWeChatInfo("1", "333").toString());
    }
}

3、控制层

项目前后端分离，前端访问接口，后端将参数进行拼接，返回访问地址。

/**
     * 功能描述: 获取微信第三方登录路径.
     *
     * @param
     * @return
     * @author zz
     * @date 2019/5/24 16:15
     */
    @ApiOperation("获取微信第三方登录路径")
    @GetMapping(value = "/login", produces = MediaType.APPLICATION_JSON_VALUE)
    public Result openWeChatLogin(HttpServletResponse httpServletResponse) throws Exception {
        log.debug("微信跳转链接--" + WeChatUtil.openWeChatLogin(redirectUri + Constant.REDIRECT_URI));
        //httpServletResponse.sendRedirect(WeChatUtil.openWeChatLogin(redirectUri + Constant.REDIRECT_URI));
        return new Result(Constant.MSGSUCCESS, WeChatUtil.openWeChatLogin(redirectUri + Constant.REDIRECT_URI));
    }

获取到的地址：

{
  "code": 200,
  "message": "操作成功",
  "object": "https://open.weixin.qq.com/connect/qrconnect?appid=XXXXXXXX&redirect_uri=http%3A%2F%2Fdev.XXXXXX.com%2Fapi%2Fauthcenter%2FweChat%2Fcallback&response_type=code&scope=snsapi_login&state=XXXXXX#wechat_redirect",
  "map": {}
}

访问该地址，跳转到开头提到的那张图，显示微信生成的二维码。

接着用户在手机上用微信app扫码，进行授权，点击同意后跳转相应页面。
如下图：
在这里插入图片描述
回调方法：


/**
     * 功能描述:  微信扫码登录第三方网站回调接口.
     *
     * @param httpServletRequest httpServletRequest
     * @return result
     * @author zz
     * @date 2019/5/24 16:23
     */
    @ApiOperation("微信扫码登录第三方网站回调接口--（微信自己调用该接口，不需要前端手动调用）")
    @GetMapping(value = "/callback")
    public Result openWeChatCallback(HttpServletRequest httpServletRequest, HttpServletResponse response) throws Exception {
        String code = httpServletRequest.getParameter("code");
        String state = httpServletRequest.getParameter("state");
        Object data = null;
        String message = Constant.MSGSUCCESS;
        // 缓存
        Jedis jedis = new Jedis(host, port);
        if (!Strings.isNullOrEmpty(code) && !Strings.isNullOrEmpty(state)) {
            // 判断state是否合法
            if (Constant.STATE.equals(state)) {
                // 获取微信授权
                Map oauth2 = WeChatUtil.getOauth2(code);
                if (oauth2.size() > 0) {
                    String openid = oauth2.get("openid").toString();
                    String accessToken = oauth2.get("accessToken").toString();
                    SysUser user = sysUserService.findByOpenId(openid, Constant.Status.valid, 1);
                    if (user != null) {
                        // 获取老用户
                        SysUserVo sysUserVo = BeanMapper.map(user, SysUserVo.class);
                        String json = JSON.toJSONString(sysUserVo);
                        HttpSession session = httpServletRequest.getSession();
                        session.setAttribute("userinfo", json);
                        sysUserVo.setTokenId(session.getId());
                        sysUserVo.setRegisterStatus(Constant.Status.valid);
                        data = sysUserVo;
                        String newUrl = "http://XXXXXXXXX.com/#/Index?token=" + session.getId();
                        response.sendRedirect(newUrl);
                        return null;
                    } else {
                        // 创建新用户
                        Map weChatInfo = WeChatUtil.getWeChatInfo(openid, accessToken);
                        if (weChatInfo.size() > 0) {
                            SysUser newUser = SysUser.convert(oauth2, weChatInfo);
                            SysUserVo sysUserVo = BeanMapper.map(newUser, SysUserVo.class);
                            sysUserVo.setRegisterStatus(Constant.Status.invalid);
                            data = sysUserVo;
                            String uuid = UuidUtil.uuid2();
                            jedis.set(uuid, JSON.toJSONString(data));
                            String newUrl = "http://XXXXXX.com/#/Register?key=" + uuid;
                            response.sendRedirect(newUrl);

                            return null;
                        } else {
                            message = "获取微信个人信息失败";
                            log.debug(message);
                            response.sendRedirect("http://XXXXXXX.com/#/Register");
                            return null;
                        }
                    }
                } else {
                    message = "获取微信授权失败";
                    log.debug(message);
                    response.sendRedirect("http://XXXXXXXXX.com/#/Register");
                    return null;
                }
            } else {
                message = "非法参数，请重试";
                log.debug(message);
                response.sendRedirect("http://XXXXXXXX.com/#/Register");
                return null;
            }
        } else {
            message = "用户未授权，请授权";
            log.debug(message);
            response.sendRedirect("http://XXXXXXXX.com/#/Register");
            return null;
        }
    }

这里的代码直接重定向到了页面，测试时返回的json如下：

在这里插入图片描述
到此就完成了微信扫码登录网站的功能，回调中的代码根据自己具体的业务需求去编写，整个流程大方向不变。
如有疑问可留言共同讨论。

tonyfreak
关注
  • 1
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【第三方互联】16、微信（wechat）授权第三方登录
Asurplus
10-29 21万+
第三方平台系列文章，今天终于又开始更新了，今天继续学习微信（wechat）授权第三方登录 一、准备工作 1、申请微信公众测试号 由于我们是个人开发者，我们需要去注册申请一个微信公众平台的测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 我们使用微信扫码登录后，我们可以拿到 appID 和 appsecret 2、关注公众测试号 3、配置回调域名 在“网页服务”中找到“网页账号”，修改“网页授权获取用户基本信息”接口的
JAVA实现第三方网站微信扫码登录Demo
u014206702的博客
09-15 9017
用JAVA Servlet实现的第三方网站微信扫码登录的Demo，做这个确实很辛苦，很不容易实现，但是还是做出来了，这里把代码贴一下，避免做微信登录开发的朋友们少走弯路 package com.wxlogin.common; import java.net.URLEncoder; public class ConstantManager { /* 返回状态失败 */ ...
微信扫码登录
不要用过去的错误约束现在的自己。
11-21 1万+
小伙伴们有各种疑问可以去参考官方文档进行详细的学习下 微信开发文档 ，此次介绍的将是前后端不分离的微信扫码登录 微信登录开发流程： 申请微信接入 生成登录二维码 用户扫码并授权 调用回调方法 通过code去获取用户信息带到页面展示 官方流程图： 1. 申请微信接入： 先提醒下各位：申请微信接入很麻烦，本人因为公司业务需要，用的是公司申请好的。还没自己去申请过。 先去到 微信开放平台 https://open.weixin.qq.com 申请一个网站应用 (要审核通过之后才能用) 注： app
网站实现微信扫码登录(利用微信开放平台实现)
最新发布
qq_66313178的博客
05-11 810
二 手机授权后带这个code码和state 请求到你的回调域接口 这个接口就可以拿接收到的code和你网站应用上的appid,appSecret 请求这个用户的唯一的openid 拿着这个openid就可以存数据库。点击允许后会带着code及你设置的state 调用回调域接口进行处理 如果是我的代码就会调用到这个接口【审核通过后，列表就会可以查看到这个网站应用，点击查看可以获取到appId 和appSecret了。第三步：用网站应用里的appId 调用微信二维码 下面是代码（控制器方法）
【网课平台】Day10.对接第三方：实现微信扫码登录
llg___的博客
04-21 2389
注意这里，前端代码中已经定义了，用户授权后的重定向地址。=====>log . debug("微信扫码回调,code:{},state:{}" , code , state);//请求微信申请令牌 //拿到令牌查询用户信息 //将用户信息写入本项目数据库 XcUser xcUser = new XcUser();//暂时硬编写，目的是调试环境，看能不能跳到下面的地址 xcUser . setUsername("t1");} }接Day9内容，一个认证接口，写不同的实现类。/**
wechat-0051,微信公众号，第三方登录—扫码绑定
登峰小蚁
11-11 6060
声明：这边所谓的第三方登录，不是通过网页授权的方式，而是利用生成带参数的二维码，将微信号和平台账号绑定实现。如果你要做的是授权登录，请查看 https://blog.csdn.net/wrongyao/article/details/80229986 微信第三方登录功能实现，大致分为两个步骤，绑定和登录，下面先来了解一下绑定。 1、思路概括 注：先用平台用户的userid生成二维码，（...
微信公众平台-第三方平台开发（三）扫码授权第三方平台
何时林听@
05-24 1466
授权完成后跳转的地址会带有两个 参数分别是 auth_code 和 expires_in。这是公众号获取调用令牌所需要的code，带着auth_code去后台获取调用令牌并保存下来。web接收preAuthCode。这张图是官方提供的扫码授权流程。引导用户进入扫码画面。
【第三方登录】微信web扫一扫登录步骤
qq_43813351的博客
10-26 1821
绑定第三方应用或网站，然而，注册、认证、绑定网站走完才能用这个微信扫码登录功能，注意：需要一次性交300元的认证费。一般来说只有企业才做这样的事情，如果是个人建议看看就行。后端能拿到个人信息，其实就已经完成了，接下来就看具体的个人业务需求了。注册一个“微信开发平台”账号、认证账号、绑定一个网站。打开如下：注意这个回调域名，要和前端vue上的一致。截止与2023年10月26日前，微信登录需要在。在vue的index.html文件中添加。实现用微信扫一扫，登录网站。页面会出现一个二维码。
第三方网站对接微信扫码登录（springboot+vue）
u010004734的博客
05-22 6684
前言 现在越来越多的互联网应用需要对接第三方用户登录（比如：微信、QQ、新浪微博等），今天我就记录一下在springboot+vue前后端分离项目中对接微信扫描二维码登录的步骤及相关代码。 项目中使用的架构：后端spingboot + mybatis + shrio、前端vue + element-ui。 参考文档：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 第一步 新建网
解密第三方登录-微信扫码登录 Java生成二维码
我亦无他，唯手熟尔
11-21 716
如果网页授权的作用域为snsapi_base，则本步骤中获取到网页授权access_token的同时，也获取到了openid，snsapi_base式的网页授权流程即到此为止。尤其注意：由于公众号的secret和获取到的access_token安全级别都非常高，必须只保存在服务器，不允许传给客户端。Hutool是一个Java工具包类库，对文件、流、加密解密、转码、正则、线程、XML等JDK方法进行封装，组成各种Util工具类。获取到用户授权的信息后，需要保存在应用端，防止频繁需要用户授权。
ecshop PC端第三方登录--微信扫码登录
06-01
在实际开发中，你可以参考提供的"ecshop PC端第三方登录--微信扫码登录--微信开放平台接口"文档，里面应该详细列出了接口调用方法、参数以及返回值，帮助你完成ECShop与微信的集成工作。确保遵循文档的步骤，调试并...
springboot实现web端微信扫码登录项目（基于微信开放平台）
09-18
OAuth 2.0是一种授权框架，允许第三方应用在用户授权的情况下访问其存储在另一服务提供商上的特定资源。 4. **微信SDK（Software Development Kit）**：微信提供了Java版的SDK，用于处理与微信服务器的交互，包括...
微信支付服务商扫码支付实例－php
06-23
微信支付服务商是指为企业或个人提供微信支付接入服务的第三方机构。它们可以帮助商家快速接入微信支付，并管理商家的支付业务。服务商需要在微信支付开放平台注册并完成资质审核，然后才能获取到API密钥和服务商ID...
微信扫码支付模块开发.rar
07-07
在IT行业中，微信扫码支付是一种常见的在线支付方式，尤其在电商、餐饮和其他服务行业广泛应用。本教程主要关注如何在PHPCMS V9内容管理系统上进行微信扫码支付模块的二次开发，以便为用户提供便捷的支付体验。 ...
base64编码上传图片java后台接收实例
热门推荐
Tomcat猫炸了
05-19 3万+
思路前台传以data:image/jpeg;base64,开头的base64编码的String字符串，后台接收字符串以后先进行base64解码 .decodeBuffer()，转换成二进制编码，然后使用字节输出流FileOutputStream（）将文件保存到指定目录下。 报下面的错误 Error parsing HTTP request header Note: further occur
ssm中ajax传值实例
Tomcat猫炸了
01-07 8011
前台：jsp页面中<script type="text/javascript"> //禁用账号 function useDisable(id){ $.ajax({ type:"POST", url:ctx+'/bus/busCityPartner/useAble',
QrCodeUtil--二维码工具类
Tomcat猫炸了
06-26 7092
maven <!--二维码 zxing--> <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId> <version>3.0...
解密第三方登录-微信扫码登录：场景、优点、理论基础、准备工作、实现细节及程序员技能与能力
解密第三方登录-微信扫码登录 微信扫码登录是一种第三方登录方式，为用户提供便捷快速的登录方式。本文将介绍微信扫码登录的场景及优点、理论基础、准备工作、实现细节以及程序员各阶段应该掌握的技术与能力。 一...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值