微信扫描登录

1、微信扫描登录流程时序图

2、注册微信开发者并且拿到appId、appSecret、redirectUrl

3、导入maven依赖

<!--httpclient-->
<dependency>
    <groupId>org.apache.httpcomponents</groupId>
    <artifactId>httpclient</artifactId>
    <version>4.5.1</version>
</dependency>
<!--commons-io-->
<dependency>
    <groupId>commons-io</groupId>
    <artifactId>commons-io</artifactId>
    <version>2.6</version>
</dependency>
<!--gson-->
<dependency>
    <groupId>com.google.code.gson</groupId>
    <artifactId>gson</artifactId>
    <version>2.8.2</version>
</dependency>

4、在application.properties中添加wx相关的配置参数

# 微信开放平台配置参数
wx.open.appId=wxed9954c01bb89b47
wx.open.appSecret=a7482517235173ddb4083788de60b90e
wx.open.redirectUrl=http://localhost:8160/api/ucenter/wx/callback

5、创建常量类

package com.tuzhi.ucenter_service.constants;

import lombok.Data;
import org.springframework.beans.factory.InitializingBean;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

@Component
@Data
public class WxOpenConstants implements InitializingBean {

    /**
     * 微信开放平台appId
     */
    @Value("${wx.open.appId}")
    private String appId;

    /**
     * 微信开放平台appSecret
     */
    @Value("${wx.open.appSecret}")
    private String appSecret;

    /**
     * 微信开放平台 重定向url
     */
    @Value("${wx.open.redirectUrl}")
    private String redirectUrl;


    public static String WX_OPEN_APP_ID;
    public static String WX_OPEN_APP_SECRET;
    public static String WX_OPEN_REDIRECT_URL;

    @Override
    public void afterPropertiesSet() throws Exception {
        WX_OPEN_APP_ID = appId;
        WX_OPEN_APP_SECRET = appSecret;
        WX_OPEN_REDIRECT_URL = redirectUrl;
    }
}

6、使用

package com.tuzhi.ucenter_service.controller;

import com.google.gson.Gson;
import com.tuzhi.base_service.exceptionhandler.GuiException;
import com.tuzhi.ucenter_service.constants.WxOpenConstants;
import com.tuzhi.ucenter_service.pojo.UcenterMember;
import com.tuzhi.ucenter_service.service.UcenterMemberService;
import com.tuzhi.ucenter_service.util.HttpClientUtils;
import com.tuzhi.utilcommon.JwtUtils;
import com.tuzhi.utilcommon.result.ResultCode;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

import java.net.URLEncoder;
import java.util.HashMap;
import java.util.Objects;


@Api(tags = "微信扫描接口")
@CrossOrigin
@Controller
@RequestMapping("/api/ucenter/wx")
public class WxApiController {

    @Autowired
    UcenterMemberService ucenterMemberService;

    /**
     * 1.生成微信扫描二维码
     */

    @ApiOperation("生成二维码")
    @GetMapping("/login")
    public String getWxCode(){
        //固定地址，后面拼接参数
//        String url = "https://open.weixin.qq.com/" +
//                "connect/qrconnect?appid="+ ConstantWxUtils.WX_OPEN_APP_ID+"&response_type=code";

        // 微信开放平台授权baseUrl  %s相当于?代表占位符
        String baseUrl = "https://open.weixin.qq.com/connect/qrconnect" +
                "?appid=%s" +
                "&redirect_uri=%s" +
                "&response_type=code" +
                "&scope=snsapi_login" +
                "&state=%s" +
                "#wechat_redirect";

        //对redirect_url进行URLEncoder编码
        String redirectUrl = WxOpenConstants.WX_OPEN_REDIRECT_URL;
        try {
            redirectUrl = URLEncoder.encode(redirectUrl, "utf-8");
        }catch(Exception e) {
        }

        //设置%s里面值
        String url = String.format(
                baseUrl,
                WxOpenConstants.WX_OPEN_APP_ID,
                redirectUrl,
                "tuzhi"
        );

        //重定向到请求微信地址里面
        return "redirect:"+url;
    }

    /**
     * 2.获取扫描人信息、添加信息
     */

    @GetMapping("/callback")
    public String callBack(String code,String state){


        try {
            //1.获取code值，临时票据，类似于验证码
            //2.拿着code请求，微信固定的地址，得到两个值 access_token 和openId

            String baseAccessTokenUrl = "https://api.weixin.qq.com/sns/oauth2/access_token" +
                    "?appid=%s" +
                    "&secret=%s" +
                    "&code=%s" +
                    "&grant_type=authorization_code";
            //拼接三个参数 ：id  秘钥 和 code值
            String accessTokenUrl = String.format(
                    baseAccessTokenUrl,
                    WxOpenConstants.WX_OPEN_APP_ID,
                    WxOpenConstants.WX_OPEN_APP_SECRET,
                    code
            );

            //请求这个拼接好的地址，得到返回两个值 access_token 和 openId
            //使用httpclient发送请求，得到返回结果

            String accessTokenInfo = HttpClientUtils.get(accessTokenUrl);
            //从accessTokenInfo 字符串出来两个值 accessToken 和 openId
            //把accessTokenInfo 字符串转换成map集合，根据map里面可以 获取对应的值

            //使用json转换工具
            Gson gson = new Gson();
            HashMap<String,String> accessTokenMap = gson.fromJson(accessTokenInfo, HashMap.class);

            String accessToken = accessTokenMap.get("access_token");

            String openid = accessTokenMap.get("openid");

            //把扫描人信息添加到数据库里面
            //判断数据库表里面是否存在相同微信信息，根据openid判断
            UcenterMember member = ucenterMemberService.getMemberByOpenid(openid);

            if(Objects.isNull(member)){
                //3.拿着得到access_token和openid ,再去请求微信提供的固定地址，获取到扫描人信息
                // 访问微信的资源服务器，获取到用户信息

                String baseUserInfoUrl = "https://api.weixin.qq.com/sns/userinfo" +
                        "?access_token=%s" +
                        "&openid=%s";
                //拼接两个参数
                String userInfoUrl = String.format(
                        baseUserInfoUrl,
                        accessToken,
                        openid
                );

                //发送请求
                String userInfo = HttpClientUtils.get(userInfoUrl);
                HashMap<String, String> userInfoMap = gson.fromJson(userInfo, HashMap.class);

                //昵称
                String nickname = userInfoMap.get("nickname");
                //头像
                String headimgurl = userInfoMap.get("headimgurl");

                member = new UcenterMember();
                member.setOpenid(openid);
                member.setNickname(nickname);
                member.setAvatar(headimgurl);
                ucenterMemberService.save(member);
            }

            //使用jwt根据member对象生成token字符串
            String token = JwtUtils.getJwtToken(member.getId(), member.getNickname());

            //最后: 返回首页面，通过路径传递token字符串

            return "redirect:http://localhost:3000?token="+token;

        } catch (Exception e) {
            e.printStackTrace();

            throw GuiException.from(ResultCode.LOGIN_ERROR);
        }

    }

}
 返回首页面，通过路径传递token字符串

            return "redirect:http://localhost:3000?token="+token;

        } catch (Exception e) {
            e.printStackTrace();

            throw GuiException.from(ResultCode.LOGIN_ERROR);
        }

    }

}