网页实现微信扫描二维码登录

一 、准备工作

微信扫码登入微信开放社区

  • 首先去通过微信开放平台做好开发者资质认证,创建网站应用然后等待审核

开通开发者资质认证
在这里插入图片描述

网站应用
在这里插入图片描述

审核通过的话就是这个样子 还有最底下的授权回调地址 (www.xxxxx.com) 填写域名即可

在这里插入图片描述

二、代码编写

第一步、获取微信二维码地址:

    /**
     * 微信扫码登录 -- 生成二维码
     *
     * @param request
     * @param response
     * @param backUrl  授权登录,回调地址
     */
    public void login(HttpServletRequest request, HttpServletResponse response, String backUrl) {
    
    
        try {
    
    
            String redirect_url = "https://open.weixin.qq.com/connect/qrconnect?" +
                    "appid=" +appId +
                    "&redirect_uri=" + backUrl +
                    "&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect";
            log.info("appId = " + appId +", \r\nappSecret = " + appSecret + ",\r\nbackUrl = " + backUrl +
                    ",\r\nredirect_url" + redirect_url);
            response.sendRedirect(redirect_url);
        } catch (Exception e) {
    
    
            log.error("微信登录重定向时异常!",e);
        }

    }
  • https://open.weixin.qq.com/connect/qrconnect?appid=xxxx&redirect_uri=xxxxxx&response_type=code&scope=snsapi_login&state=e97555458779708b99b9d40cb49f54245c7500e536445d32#wechat_redirect
  • appid 是你网站应用里面的 redirect_uri 你设置的授权回调地址 scope网站扫码登入为snsapi_login即可, state可设置值也可以不用。微信开放平台文档文档写的很详细,看不懂看文档
  • 用户扫码成功之后微信会回调你设置的回调地址 获取二维码连接

第二步、就是获取微信用户

请参考博客:第三方登录之微信登录

三、结果验证

在这里插入图片描述

项目下载地址:

https://download.csdn.net/download/qq_22764659/13644418

猜你喜欢

转载自blog.csdn.net/qq_22764659/article/details/111040928