Реальный бой: схема входа с распределенным проверочным кодом SpringBoot

План этой статьи

[TOC]

предисловие

Для того, чтобы предотвратить разрушение мира, для того, чтобы защитить мир во всем мире. . . Я ошибся, вернись~

Чтобы предотвратить атаку системы проверки методом грубой силы, многие системы добавили проверку кода подтверждения.Более распространенным является двухмерный код изображения.Более безопасным в отрасли является код подтверждения SMS.Конечно, есть также некоторые коды проверки головоломки Двумерный код с искусственным интеллектом Подождите, наша тема сегодня — схема входа в систему с помощью QR-кода изображения с разделенными передней и задней частями.

Схема входа с проверочным кодом без разделения фронтенда и бекенда

Большинство традиционных проектов основаны на сеансовом взаимодействии, а передняя и задняя части находятся в одном проекте, например, традиционные проекты SSH или некоторые системы JSP.Когда текущая страница инициирует запрос на получение кода подтверждения, информация в коде подтверждения может храниться в контексте, поэтому просто войдите用户名,密码,验证码Вот и все.

Процесс генерации проверочного кода выглядит следующим образом

Процесс проверки входа выглядит следующим образом

Можно обнаружить, что весь процесс входа в систему по-прежнему зависит от контекста сеанса, а страница настраивается бэкэндом.

Схема входа с проверочным кодом с разделением интерфейса и сервера

С постоянной модернизацией системы и бизнеса проекты с фронтендом и бэкенд кодом вместе становятся все более и более раздутыми, быстро перебирать и разграничивать обязанности уже невозможно, поэтому вложили средства в разделение фронтенда и бэкенда, эффективность становится все выше и выше, а итерация функций все быстрее и быстрее, но прежняя схема входа с проверочным кодом будет изменена.

Процесс генерации проверочного кода выглядит следующим образом

По сравнению с исходным решением добавляется промежуточное ПО redis, которого больше нет в сессии, но как отличить, что код проверки генерируется этим запросом? Поэтому мы добавили уникальный идентификатор, чтобы различать

Процесс проверки входа выглядит следующим образом

Можно обнаружить, что схема входа в распределенный проект, основанная на разделении внешнего и внутреннего интерфейса, сравнивается с оригиналом, добавляется промежуточное ПО Redis и возвращается токен, больше не полагаясь на сеанс контекста, а настройка страницы также изменена. задний конец к переднему концу

Руки катят колеса

Есть еще довольно много колес на основе кодов проверки.Эта статья начнется сKaptchaВозьмите этот проект в качестве примера, интегрированный через проект springboot.KaptchaРеализовать генерацию проверочного кода и схему входа в систему.

Введение в капчу

Kaptcha — это проект с открытым исходным кодом, основанный на SimpleCaptcha.

Колесо, которое я нашел, основано на вторичной инкапсуляции SimpleCaptcha, зависимости maven следующие

<!--Kaptcha是一个基于SimpleCaptcha的验证码开源项目-->
<dependency>
  <groupId>com.github.penggle</groupId>
  <artifactId>kaptcha</artifactId>
  <version>2.3.2</version>
</dependency>

Создайте новый проект и добавьте зависимости

Основные зависимости — SpringBoot, Kaptcha, Redis.

pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.lzp</groupId>
    <artifactId>kaptcha</artifactId>
    <version>1.0-SNAPSHOT</version>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.0.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    
    <dependencies>
        <!--Kaptcha是一个基于SimpleCaptcha的验证码开源项目-->
        <dependency>
            <groupId>com.github.penggle</groupId>
            <artifactId>kaptcha</artifactId>
            <version>2.3.2</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>


        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>

        <!-- redis依赖commons-pool 这个依赖一定要添加 -->
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-pool2</artifactId>
        </dependency>

        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.3</version>
        </dependency>

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
        </dependency>

    </dependencies>


    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

Класс конфигурации Redis`RedisConfig`

@Configuration
public class RedisConfig {

    @Bean
    public RedisTemplate<String, Object> redisTemplate(LettuceConnectionFactory redisConnectionFactory){
        RedisTemplate<String, Object> redisTemplate = new RedisTemplate<String, Object>();
        redisTemplate.setKeySerializer(new StringRedisSerializer());
        redisTemplate.setValueSerializer(new GenericJackson2JsonRedisSerializer());
        redisTemplate.setHashKeySerializer(new StringRedisSerializer());
        redisTemplate.setHashValueSerializer(new GenericJackson2JsonRedisSerializer());
        redisTemplate.setConnectionFactory(redisConnectionFactory);
        return redisTemplate;
    }

}

Класс настройки капчи`KaptchaConfig`

@Configuration
public class KaptchaConfig {
    @Bean
    public DefaultKaptcha producer(){

        DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
        Properties properties = new Properties();
        properties.setProperty("kaptcha.border", "no");
        properties.setProperty("kaptcha.border.color", "105,179,90");
        properties.setProperty("kaptcha.textproducer.font.color", "black");
        properties.setProperty("kaptcha.image.width", "110");
        properties.setProperty("kaptcha.image.height", "40");
        properties.setProperty("kaptcha.textproducer.char.string","23456789abcdefghkmnpqrstuvwxyzABCDEFGHKMNPRSTUVWXYZ");
        properties.setProperty("kaptcha.textproducer.font.size", "30");
        properties.setProperty("kaptcha.textproducer.char.space","3");
        properties.setProperty("kaptcha.session.key", "code");
        properties.setProperty("kaptcha.textproducer.char.length", "4");
        properties.setProperty("kaptcha.textproducer.font.names", "宋体,楷体,微软雅黑");
//        properties.setProperty("kaptcha.obscurificator.impl","com.xxx");可以重写实现类
        properties.setProperty("kaptcha.noise.impl","com.google.code.kaptcha.impl.NoNoise");
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);

        return defaultKaptcha;
    }

Контрольный слой CAPTCHA`CaptchaController`

Для того, чтобы облегчить написание куска кода, уделите внимание чтению

package com.lzp.kaptcha.controller;

import com.google.code.kaptcha.impl.DefaultKaptcha;
import com.lzp.kaptcha.service.CaptchaService;
import com.lzp.kaptcha.vo.CaptchaVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import sun.misc.BASE64Encoder;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;

@RestController
@RequestMapping("/captcha")
public class CaptchaController {

    @Autowired
    private DefaultKaptcha producer;

    @Autowired
    private CaptchaService captchaService;

    @ResponseBody
    @GetMapping("/get")
    public CaptchaVO getCaptcha() throws IOException {

        // 生成文字验证码
        String content = producer.createText();
        // 生成图片验证码
        ByteArrayOutputStream outputStream = null;
        BufferedImage image = producer.createImage(content);

        outputStream = new ByteArrayOutputStream();
        ImageIO.write(image, "jpg", outputStream);
        // 对字节数组Base64编码
        BASE64Encoder encoder = new BASE64Encoder();

        String str = "data:image/jpeg;base64,";
        String base64Img = str + encoder.encode(outputStream.toByteArray()).replace("\n", "").replace("\r", "");

        CaptchaVO captchaVO  =captchaService.cacheCaptcha(content);
        captchaVO.setBase64Img(base64Img);

        return  captchaVO;
    }

}

Возвращаемый объект кода подтверждения`CaptchaVO`

package com.lzp.kaptcha.vo;

public class CaptchaVO {
    /**
     * 验证码标识符
     */
    private String captchaKey;
    /**
     * 验证码过期时间
     */
    private Long expire;
    /**
     * base64字符串
     */
    private String base64Img;

    public String getCaptchaKey() {
        return captchaKey;
    }

    public void setCaptchaKey(String captchaKey) {
        this.captchaKey = captchaKey;
    }

    public Long getExpire() {
        return expire;
    }

    public void setExpire(Long expire) {
        this.expire = expire;
    }

    public String getBase64Img() {
        return base64Img;
    }

    public void setBase64Img(String base64Img) {
        this.base64Img = base64Img;
    }
}

Класс-оболочка Redis`RedisUtils`

Случайно найдено в интернете, в классе указан источник, и он будет использован.Если будут еще коды, выкладывать не буду.Код для получения есть в конце статьи.

Слой метода капчи`CaptchaService`

package com.lzp.kaptcha.service;

import com.lzp.kaptcha.utils.RedisUtils;
import com.lzp.kaptcha.vo.CaptchaVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Service;

import java.util.UUID;

@Service
public class CaptchaService {

    @Value("${server.session.timeout:300}")
    private Long timeout;

    @Autowired
    private RedisUtils redisUtils;


    private final String CAPTCHA_KEY = "captcha:verification:";

    public CaptchaVO cacheCaptcha(String captcha){
        //生成一个随机标识符
        String captchaKey = UUID.randomUUID().toString();

        //缓存验证码并设置过期时间
        redisUtils.set(CAPTCHA_KEY.concat(captchaKey),captcha,timeout);

        CaptchaVO captchaVO = new CaptchaVO();
        captchaVO.setCaptchaKey(captchaKey);
        captchaVO.setExpire(timeout);

        return captchaVO;
    }

}

Инкапсуляция объекта входа пользователя`LoginDTO`

package com.lzp.kaptcha.dto;

public class LoginDTO {

    private String userName;

    private String pwd;

    private String captchaKey;

    private String captcha;

    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }

    public String getPwd() {
        return pwd;
    }

    public void setPwd(String pwd) {
        this.pwd = pwd;
    }

    public String getCaptchaKey() {
        return captchaKey;
    }

    public void setCaptchaKey(String captchaKey) {
        this.captchaKey = captchaKey;
    }

    public String getCaptcha() {
        return captcha;
    }

    public void setCaptcha(String captcha) {
        this.captcha = captcha;
    }
}

уровень управления входом в систему`UserController`

Я написал логический код для этой части, я думаю, что каждый сможет его понять.

package com.lzp.kaptcha.controller;

import com.lzp.kaptcha.dto.LoginDTO;
import com.lzp.kaptcha.utils.RedisUtils;
import com.lzp.kaptcha.vo.UserVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
    private RedisUtils redisUtils;

    @PostMapping("/login")
    public UserVO login(@RequestBody LoginDTO loginDTO)  {
        Object captch = redisUtils.get(loginDTO.getCaptchaKey());
        if(captch == null){
            // throw 验证码已过期
        }
        if(!loginDTO.getCaptcha().equals(captch)){
            // throw 验证码错误
        }
        // 查询用户信息

        //判断用户是否存在 不存在抛出用户名密码错误

        //判断密码是否正确，不正确抛出用户名密码错误

        //构造返回到前端的用户对象并封装信息和生成token

        return new UserVO();
    }
}

Получение и просмотр кода подтверждения

получение кода

Код загружен в библиотеку адресов, не забудьте поставить звездочку!

GitHub.com/Shedziguru/G…

Вы также можете ознакомиться с более захватывающими событиями в прошлом~

План этой статьи

предисловие

Схема входа с проверочным кодом без разделения фронтенда и бекенда

Процесс генерации проверочного кода выглядит следующим образом

Процесс проверки входа выглядит следующим образом

Схема входа с проверочным кодом с разделением интерфейса и сервера

Процесс генерации проверочного кода выглядит следующим образом

Процесс проверки входа выглядит следующим образом

Руки катят колеса

Введение в капчу

Создайте новый проект и добавьте зависимости

Класс конфигурации RedisRedisConfig

Класс настройки капчиKaptchaConfig

Контрольный слой CAPTCHACaptchaController

Возвращаемый объект кода подтвержденияCaptchaVO

Класс-оболочка RedisRedisUtils

Слой метода капчиCaptchaService

Инкапсуляция объекта входа пользователяLoginDTO

уровень управления входом в системуUserController

Получение и просмотр кода подтверждения

получение кода

Класс конфигурации Redis`RedisConfig`

Класс настройки капчи`KaptchaConfig`

Контрольный слой CAPTCHA`CaptchaController`

Возвращаемый объект кода подтверждения`CaptchaVO`

Класс-оболочка Redis`RedisUtils`

Слой метода капчи`CaptchaService`

Инкапсуляция объекта входа пользователя`LoginDTO`

уровень управления входом в систему`UserController`