使用第三方实现微信登录

使用第三方实现微信登录

1.开启内网穿透

什么是内网穿透？

内网穿透，即NAT穿透，网络连接时术语，计算机是局域网内时，外网与内网的计算机节点需要连接通信，有时就会出现不支持内网穿透。就是说映射端口，能让外网的电脑找到处于内网的电脑，提高下载速度。不管是内网穿透还是其他类型的网络穿透，都是网络穿透的统一方法来研究和解决。

通俗一点:就是把你本地的项目让外网的人可以访问

选择一个工具 https://natapp.cn/

免费注册

购买渠道，选择免费的

我的渠道，复制密钥authtoken

使用教程，可看网页上右上角的教程/文档

根据需要,下载客户端

在natapp.exe目录下新建conf.ini修改配置再启动

Conf.ini里面的内容

#将本文件放置于natapp同级目录程序将读取 [default] 段

#在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置

#命令行参数 -config= 可以指定任意config.ini文件

[default]

authtoken=f5e6474f4bc9fcc7 #对应购买的隧道中的authtoken

clienttoken= #对应客户端的clienttoken,将会忽略authtoken,若无请留空,

log=none #log 日志文件,可指定本地文件, none=不做记录,stdout=直接屏幕输出 ,默认为none

loglevel=ERROR #日志等级 DEBUG, INFO, WARNING, ERROR 默认为 DEBUG

http_proxy= #代理设置如 http://10.123.10.10:3128 非代理上网用户请务必留空

双击启动natapp.exe,可使用http://6z3mph.natappfree.cc访问tomcat

微信登录

打开微信开放平台 https://open.weixin.qq.com/

点击资源中心，查看微信登录文档

查看文档，了解开发流程

授权流程

1.第三方发起微信授权登录请求，微信用户允许授权第三方应用后，微信会拉起应用或重定向到第三方网站，

并且带上授权临时票据code参数；

2.通过code参数加上AppID和AppSecret等，通过API换取access_token；

3.通过access_token进行接口调用，获取用户基本数据资源或帮助用户实现基本操作。

根据开发流程

搭建一个springboot可以访问web的项目

添加依赖

 <properties>
    <java.version>1.8</java.version>
    <thymeleaf.version>3.0.11.RELEASE</thymeleaf.version>
    <thymeleaf-layout-dialect.version>2.1.1</thymeleaf-layout-dialect.version>
</properties>

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>org.apache.httpcomponents</groupId>
        <artifactId>httpclient</artifactId>
        <version>4.5.9</version>
    </dependency>
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.31</version>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
</dependencies>

需要一个用来在java代码中发送请求的HttpRequestUtils,百度一大把

package cn.weixin_login.utils;

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import org.springframework.http.*;
import org.springframework.util.MultiValueMap;
import org.springframework.web.client.RestTemplate;

public class HttpRequestUtils {

    /**
     * 向目的URL发送post请求
     */
    public static String sendPostRequest(String url, MultiValueMap<String, String> params) {
        RestTemplate client = new RestTemplate();
        //新建Http头，add方法可以添加参数
        HttpHeaders headers = new HttpHeaders();
        // 以表单的方式提交
        headers.setContentType(MediaType.APPLICATION_FORM_URLENCODED);
        //将请求头部和参数合成一个请求
        HttpEntity<MultiValueMap<String, String>> requestEntity = new HttpEntity<>(params, headers);
        //执行HTTP请求，将返回的结构使用String 类格式化（可设置为对应返回值格式的类）
        ResponseEntity<String> response = client.exchange(url, HttpMethod.POST, requestEntity, String.class);
        return response.getBody();
    }

    /**
     * 向目的URL发送get请求
     */
    public static JSONObject sendGetRequest(String url) {
        RestTemplate client = new RestTemplate();
        ResponseEntity<String> response = client.exchange(url, HttpMethod.GET, null, String.class);
        return JSON.parseObject(response.getBody());
    }
}

编写LoginController

package cn.weixin_login.controller;

import cn.weixin_login.utils.HttpRequestUtils;
import com.alibaba.fastjson.JSONObject;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.net.URLEncoder;

@Controller
public class LoginController {

    private static final String Appid = "wx860bf23c66d93e33";
    private static final String Secret = "9c92026ab4faa4a4f7ac4cf10b2a8a3c";
    private static final String REDIRECT_URL = "http://xu5ryf.natappfree.cc/callBackLogin";

    /**
     * 微信开发平台https://open.weixin.qq.com 进入资源中心
     *
     * @param APPID:        获取步骤:微信开发平台-管理中心中-对应的应用名称-查看AppID
     *                    [千万注意:一定要记得修改对应appid中的开发信息--授权回调域中的对应的网址,    就是通过内网穿透看见的那个外网地址]
     * @param redirect_uri:         发送到微信后,微信将结果返回进入该项目中的哪个请求去处理,对应下面写的callBackLogin方法
     *                              记得使用使用URLEncoder
     * @param scope=snsapi_login
     */
    @RequestMapping("/weixinLogin")
    public void weixinLogin(HttpServletResponse response) {
        try {
            StringBuffer url = new StringBuffer("https://open.weixin.qq.com/connect/qrconnect?");
            url.append("appid=").append(Appid);
            url.append("&redirect_uri=").append(URLEncoder.encode(REDIRECT_URL, "UTF-8"));
            url.append("&response_type=code");
            url.append("&scope=").append("snsapi_login");
            url.append("&state=123#wechat_redirect");
            response.sendRedirect(url.toString());
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 发出第一次请求后,微信将返回结果给项目,根据结果再次发送请求给微信
     */
    @RequestMapping("/callBackLogin")
    public String callBackLogin(HttpServletRequest request, Model moedl) {
        // 获取发生第一次请求后,微信给的回应,如果用户拒绝登陆code参数不会返回
        String code = request.getParameter("code");

        // 发送请求,并根据返回的json数据,解析获取access_token
        StringBuffer sb = new StringBuffer(
                "https://api.weixin.qq.com/sns/oauth2/access_token?")// 通过code换取access_token
                .append("appid=").append(Appid)// 跟第一次请求的一致
                .append("&secret=").append(Secret)// 查看科泰服务器信息_微信开发对应appid的
                .append("&code=").append(code)// 第一次请求后得到的参数
                .append("&grant_type=authorization_code");
        JSONObject jsonObject = HttpRequestUtils.sendGetRequest(sb.toString());
        //获取access_token凭证
        String access_token = jsonObject.getString("access_token");
        String openid = jsonObject.getString("openid");

        // 发送第三次请求:若是要获取用户信息,使用/sns/userinfo 获取用户个人信息
        sb = new StringBuffer("https://api.weixin.qq.com/sns/userinfo?")
                .append("access_token=").append(access_token)
                .append("&openid=").append(openid);
        JSONObject jsonInfo = HttpRequestUtils.sendGetRequest(sb.toString());
        String sex = jsonInfo.getString("sex");   // 获取用户的性别
        String province = jsonInfo.getString("province");   // 获取用户的省
        String city = jsonInfo.getString("city");  // 市
        String headimgurl = jsonInfo.getString("headimgurl"); // 用户的头像
        String unionid = jsonInfo.getString("unionid"); // 用户的唯一标示
        String nickname = jsonInfo.getString("nickname"); // 昵称
nickname=new String(nickname.getBytes("ISO-8859-1"), "UTF-8");//中文乱码
        String country = jsonInfo.getString("country"); // 国家，如中国为CN
        // 在前台显示
        moedl.addAttribute("sex", sex);
        moedl.addAttribute("province", province);
        moedl.addAttribute("city", city);
        moedl.addAttribute("headimgurl", headimgurl);
        moedl.addAttribute("unionid", unionid);
        moedl.addAttribute("nickname", nickname);
        moedl.addAttribute("country", country);
        return "success";
    }
}