微信扫码登陆(JAVA)

在web端用到weChat扫码登录,在手机扫码登陆成功后,跳转到相应的界面。

1、第一步请求code

调用接口:https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect;

参数信息说明:

参数是否必须说明
appid应用唯一标识
redirect_uri请使用urlEncode对链接进行处理
response_type填code
scope应用授权作用域,拥有多个作用域用逗号(,)分隔,网页应用目前仅填写snsapi_login即
state用于保持请求和回调的状态,授权请求后原样带回给第三方。该参数可用于防止csrf攻击(跨站请求伪造攻击),建议第三方带上该参数,可设置为简单的随机数加session进行校验

前端代码信息如下(通过后台controller层返回url,来显示二维码):

<!DOCTYPE html><br /><html lang="en"><br /><head><br />    <meta charset="UTF-8"><br />    <title>微信扫码登录</title><br />    <script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script><br />    <script type="text/javascript"><br />        $().ready(function() {<br />          $.ajax({<br />             url: "${base}/weChat",<br />              type: "post",<br />              dataType: "json",<br />              success: function(data) {<br />                var div = document.getElementById("login_container");<br />                 div.innerHTML = "";<br />                 var iframe = document.createElement("iframe");<br />                 var url = data.url;<br />                 var redirect_uri = data.redirect_uri;<br />                 var code = url+encodeURIComponent(redirect_uri);<br />                 iframe.setAttribute("src",code);<br />                 iframe.style.width = "100%";<br />                 iframe.style.height = "100%";<br />                 div.appendChild(iframe);<br />        }<br />      });<br />    });<br />    </script><br /></head><br /><body><br />  <!--内容--><br />  <div class="content"><br />    <div id="login_container" class="login_container"></div><br />  </div><br /></body><br /></html>

后台代码(controller层获取code的url信息)

/**
     * 微信扫码登录二维码显示
     */
    @PostMapping("/weChat")
    public ResponseEntity weChat(HttpServletRequest request) {
        Map<String, Object> map = new HashMap<>(5);
        String state = DigestUtils.md5Hex(UUID.randomUUID() + RandomStringUtils.randomAlphabetic(30));
        request.getSession().setAttribute(STATE_ATTRIBUTE_NAME, state);
        String redirect_uri = "http://hbbdjw.nat300.top/social_user_login/get_sign_in_weixinQrCodeLoginPlugin";//红色部分改为自己的redirect_url,蓝色部分改为自己的扫码后需要跳转的页面
        String url = "https://open.weixin.qq.com/connect/qrconnect?appid=【自己的appid】&scope=snsapi_login&response_type=code&state=" + state + "&redirect_uri=";
        map.put("url", url);
        map.put("redirect_uri", redirect_uri);
        return ResponseEntity.ok(map);
    }

2、第二步:通过code获取access_token

登陆后处理(判断access_token是否为null,不为空,则验证成功,否则失败)

  /**
     * 登录后处理
     */
    @GetMapping({"/get_sign_in_weixinQrCodeLoginPlugin"})
    public ModelAndView getSignin(@PathVariable String loginPluginId, @PathVariable(required = false) String extra, HttpServletRequest request, HttpServletResponse response, ModelMap model, RedirectAttributes redirectAttributes) throws Exception {
     String getTokenUrl = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=【自己的appid】&secret=【自己的secret】&code=" + code + "&grant_type=authorization_code";<br />     // 获取网页授权凭证<br />     JSONObject jsonObject = JSONObject.fromObject(HttpUtil.Get(getTokenUrl));//get方法是自己写的<br />     if (jsonObject != null) {<br />       String openId = jsonObject.getString("access_token");<br /><em><em>       String accessToken = jsonObject.getString("openid");<br /></em></em><em>       String uniqueId = </em><em>jsonObject.getString("openid");<br /></em>     }<br /><span>        SocialUser socialUser =<span> socialUserService.find(uniqueId); //从数据库中查找用户,<br />if (socialUser != null<span>) {<br /><em><em><em><em><em><span>            //当数据库中不存在该user的时候,事件处理<br /></em></em></em></em></em><em><em><em><em><em><em><span>        } else<span> {<br /></em></em></em></em></em></em><em><em><em><em><em><em><em><span>           //当数据库中存在该user的时候,事件处理(一般情况下新建user信息数据在数据库)<br /></em></em></em></em></em></em></em><em><em><em><em><em><em><em><em><span>        }<br /></em></em></em></em></em></em></em></em><em><em><em><em><em><em><em><em><em>return<span> modelAndView;<br /></em></em></em></em></em></em></em></em></em><em><em><em><em><em><em><em><em><em><em><span>    }</em></em></em></em></em></em></em></em></em></em>

GET请求方法

  /**
      * 向指定URL发送GET方法的请求
      *
      * @param url   发送请求的URL
      * @param param 请求参数,请求参数应该是 name1=value1&name2=value2 的形式。
      * @return URL 所代表远程资源的响应结果
      */
     public static String Get(String url) {
         int connectionTimeOut=HTTP_CONNECTION_TIMEOUT,  readTimeOut =HTTP_READ_TIMEOUT;
         String result = "";
         BufferedReader in = null;
         String urlNameString = url;
         try {
             logger.info("请求url+参数:" + urlNameString);
             URL realUrl = new URL(urlNameString);
             // 打开和URL之间的连接
             URLConnection connection = realUrl.openConnection();
             // 设置通用的请求属性
             connection.setRequestProperty("accept", "*/*");
             connection.setRequestProperty("connection", "Keep-Alive");
             connection.setConnectTimeout(connectionTimeOut);
             connection.setReadTimeout(readTimeOut);
             // 建立实际的连接
             connection.connect();
             // 获取所有响应头字段
             // 定义 BufferedReader输入流来读取URL的响应
             in = new BufferedReader(new InputStreamReader(connection.getInputStream()));
             String line;
             while ((line = in.readLine()) != null) {
                 result += line;
             }
         } catch (Exception e) {
             logger.error("发送GET请求出现异常!url: " + urlNameString + ", " + e);
         }
         // 使用finally块来关闭输入流
         finally {
             try {
                 if (in != null) {
                     in.close();
                 }
             } catch (Exception e2) {
                 logger.error("close exception", e2);
             }
         }
         return result;
     }

到此结束。

td

相关推荐