Spring boot整合微信扫描登录

最新推荐文章于 2024-08-22 22:30:05 发布

Kaaaakaki

最新推荐文章于 2024-08-22 22:30:05 发布

阅读量176

点赞数

分类专栏：微服务在线教育平台

本文链接：https://blog.csdn.net/Kaaaakaki/article/details/114924805

版权

本文介绍了如何将微信扫描登录功能与Spring Boot应用整合。首先，需要在微信开放平台注册并创建网站应用获取域名。接着，在项目配置文件中设置相关参数，并创建读取配置的类。通过创建Controller处理扫码登录逻辑，使用HTTP客户端库如httpclient发送请求，结合gson解析返回数据。最后，调整Controller以处理扫码后的回调，确保一切正常工作。

摘要由CSDN通过智能技术生成

1.在微信开放平台注册

完成开发者资质认证
创建网站应用得到域名
微信开放平台

2.在模块的application.properties中

# 微信开放平台 appid
wx.open.app_id=
# 微信开放平台 appsecret
wx.open.app_secret=
# 微信开放平台 重定向url
wx.open.redirect_url=

3.创建读取配置文件的类

package com.kaki.serviceucenter.utils;

import org.springframework.beans.factory.InitializingBean;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;


@Component
public class ConstantWxUtil implements InitializingBean {
   

    @Value("${wx.open.app_id}")
    private String appId;

    @Value("${wx.open.app_secret}")
    private String appSecret;

    @Value("${wx.open.redirect_url}")
    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;
    }
}

4.创建Controller

package com.kaki.serviceucenter.controller;

import com.kaki.servicebase.exceptionhandler.MyException;
import com.kaki.serviceucenter.utils.ConstantWxUtil;
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.io.UnsupportedEncodingException;
import java.lang.invoke.ConstantCallSite;
import java.net.URLEncoder;

@RequestMapping("/api/ucenter/wx")
@CrossOrigin
@Controller
/注意  这里不能使用@RestController
// @RestController这个注解里包含@ResponseBody 表示controller返回的是json格式的字符串数据
//我们想要直接重定向  如果用@RestCOntroller这个注解返回的就是重定向的地址字符串 而不会直接去访问重定向的地址

public class WxApiController {
   

    @GetMapping("getcode")
    public String getCode(){
   
        // 微信开放平台授权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";

        // 回调地址
        String redirectUrl = ConstantWxUtil.WX_OPEN_REDIRECT_URL; //获取业务服务器重定向地址
        try {
   
            //微信文档中要求对url地址进行urlencode编码
            redirectUrl = URLEncoder.encode(redirectUrl, "UTF-8"); //url编码
        } catch (UnsupportedEncodingException e) {
   
            throw new MyException(20001, e.getMessage());
        }

        // 防止csrf攻击（跨站请求伪造攻击）
         //String state = UUID.randomUUID().toString().replaceAll("-", "");//一般情况下会使用一个随机数
        String state = "imhelen";//为了让大家能够使用我搭建的外网的微信回调跳转服务器，这里填写你在ngrok的前置域名
         System.out.println("state = " + state);

        // 采用redis等进行缓存state 使用sessionId为key 30分钟后过期，可配置
        //键："wechar-open-state-" + httpServletRequest.getSession().getId()
        //值：satte
        //过期时间：30分钟

        //生成qrcodeUrl
        String qrcodeUrl = String.format(
                baseUrl,
                ConstantWxUtil.WX_OPEN_APP_ID,
                redirectUrl,
                state);

        return "redirect:" + qrcodeUrl;
    }
}

5.在地址栏中输入访问

访问本controller中的getcode方法的路径就会自动重定向至二维码页面
在这里插入图片描述

6.修改Controller

修改本模块的application.properties的端口号为8150 记得改nginx.conf的端口号
便于扫描后回调本controller中的callback方法

7.引入httpclient 和gson的依赖

httpclient 没有浏览器也能进行请求的发送

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

每次引入依赖后如果标红可以
在这里插入图片描述

8.创建HttpClient工具类

package com.kaki.serviceucenter.utils;

import org.apache.commons.io.IOUtils;
import org.apache.commons.lang.StringUtils;
import org.apache.http.Consts;
import org.apache.http.HttpEntity;
import org.apache.http.HttpResponse;
import org.apache.http.NameValuePair;
import org.apache.http.client.HttpClient;
import org.apache.http.client.config.RequestConfig;
import org.apache.http.client.config.RequestConfig.Builder;
import org.apache.http.client.entity.UrlEncodedFormEntity;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.client.methods.HttpPost;