基于SpringBoot构建微信扫码实例

待我称王封你为后i 2021-10-14 07:14 214阅读 0赞

我们新建一个SpringBoot项目 引入web thymeleaf依赖；

以及pom.xml额外加两个依赖

<dependency>
        <groupId>org.apache.httpcomponents</groupId>
        <artifactId>httpclient</artifactId>
        <version>4.5.6</version>
    </dependency>
     
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.40</version>
    </dependency>

httpclient是Http工具框架，主要是发送请求微信接口，以及处理接口信息返回；

fastjson是处理json的。

然后我们resources下，放下微信参数配置文件：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70]  
weixinconnectconfig.properties

分别是：appid，appsecret，redirect\_uri；

application.yml简单配置：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70 1]然后我们写个模版index.html

<!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title th:text="${title}"></title>
    </head>
    <body>
    <div style="padding: 40px">
        <font color="black"><strong>微信扫码登录测试</strong></font><br/><br/><a href="/weixinLogin"><img src="/images/weixinlogin.png"/></a>
    </div>
    </body>
    </html>

再写个controller，

package com.java.controller;
     
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.servlet.ModelAndView;
     
    
    @Controller
    public class IndexController {
     
        @RequestMapping("/")
        public ModelAndView root(){
            ModelAndView mav=new ModelAndView();
            mav.setViewName("index");
            mav.addObject("title","扫码登录测试");
            return mav;
        }
     
    }

再封装一些工具类和请求返回字段的封装实体：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70 2]最终我们启动项目运行：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70]: /images/20211013/d59f9d4ce4c64d9db07c3c43cc68315e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70 1]: /images/20211013/d9ad086c72eb44979c80c6957f00fbc9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70 2]: /images/20211013/6c77d0a0a4764002a6e9f358775ad83d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDgxNDIw_size_16_color_FFFFFF_t_70 3]: /images/20211013/21f83de3ea8e4f88a33695fa31361045.png