欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Springboot前后端分离项目生成验证码

程序员文章站 2024-03-20 21:31:40
...
展示样式:

Springboot前后端分离项目生成验证码
Springboot前后端分离项目生成验证码
接口根据UUID判断验证码是否正确。

图形验证码Utils:
/**
 * 图形验证码Utils
 */
@Component
public class ValidateCode {

    private static final Logger logger = LoggerFactory.getLogger(ValidateCode.class);

    ResultObject resultObject = new ResultObject();

    // 图片的宽度。
    private int width = 160;
    // 图片的高度。
    private int height = 40;
    // 验证码字符个数
    private int codeCount = 4;
    // 验证码干扰线数
    private int lineCount = 150;
    // 验证码
    private String code = null;
    //绑定验证码的uuid
    private String uuid = null;

    // 验证码图片Buffer
    private BufferedImage buffImg = null;
    //Base64图片前缀
    private static final String DATA = "data:image/jpg;base64,";

    // 验证码范围,去掉0(数字)和O(拼音)容易混淆的(小写的1和L也可以去掉,大写不用了)
    private char[] codeSequence = {'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
            'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',
            'X', 'Y', 'Z', '1', '2', '3', '4', '5', '6', '7', '8', '9'};

    /**
     * @param width  图片宽
     * @param height 图片高
     */
    public ValidateCode(int width, int height) {
        this.width = width;
        this.height = height;
        this.createCode();
    }

    public ValidateCode() {
        this.width = width;
    }

    /**
     * @param width     图片宽
     * @param height    图片高
     * @param codeCount 字符个数
     * @param lineCount 干扰线条数
     */
    public ValidateCode(int width, int height, int codeCount, int lineCount) {
        this.width = width;
        this.height = height;
        this.codeCount = codeCount;
        this.lineCount = lineCount;
        this.code = this.createCode();
    }

    public String createCode() {
        int x = 0, fontHeight = 0, codeY = 0;
        int red = 0, green = 0, blue = 0;

        x = width / (codeCount + 2);//每个字符的宽度(左右各空出一个字符)
        fontHeight = height - 2;//字体的高度
        codeY = height - 4;

        // 图像buffer
        buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        Graphics2D g = buffImg.createGraphics();
        // 生成随机数
        Random random = new Random();
        // 将图像填充为白色
        g.setColor(Color.WHITE);
        g.fillRect(0, 0, width, height);
        // 创建字体,可以修改为其它的
        Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);
        g.setFont(font);

        for (int i = 0; i < lineCount; i++) {
            // 设置随机开始和结束坐标
            int xs = random.nextInt(width);//x坐标开始
            int ys = random.nextInt(height);//y坐标开始
            int xe = xs + random.nextInt(width / 8);//x坐标结束
            int ye = ys + random.nextInt(height / 8);//y坐标结束

            // 产生随机的颜色值,让输出的每个干扰线的颜色值都将不同。
            red = random.nextInt(255);
            green = random.nextInt(255);
            blue = random.nextInt(255);
            g.setColor(new Color(red, green, blue));
            g.drawLine(xs, ys, xe, ye);
        }

        // randomCode记录随机产生的验证码
        StringBuffer randomCode = new StringBuffer();
        // 随机产生codeCount个字符的验证码。
        for (int i = 0; i < codeCount; i++) {
            String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]);
            // 产生随机的颜色值,让输出的每个字符的颜色值都将不同。
            red = random.nextInt(255);
            green = random.nextInt(255);
            blue = random.nextInt(255);
            g.setColor(new Color(red, green, blue));
            g.drawString(strRand, (i + 1) * x, codeY);
            // 将产生的四个随机数组合在一起。
            randomCode.append(strRand);
        }
        //将生成的验证码放入到redis中
        code = randomCode.toString();
        return code;
    }

    public void write(String path) throws IOException {
        OutputStream sos = new FileOutputStream(path);
        this.write(sos);
    }

    public void write(OutputStream sos) throws IOException {
        ImageIO.write(buffImg, "png", sos);
        sos.close();
    }

    public BufferedImage getBuffImg() {
        return buffImg;
    }

    public String getCode() {
        return code;
    }

    /**
     * 图片转Base64
     *
     * @param bufferedImage
     * @param png
     * @return
     * @throws IOException
     */
    public String imageToBytes(BufferedImage bufferedImage, String png) throws IOException {
        ByteArrayOutputStream baos = new ByteArrayOutputStream();//io流
        ImageIO.write(bufferedImage, png, baos);//写入流中
        byte[] bytes = baos.toByteArray();//转换成字节
        BASE64Encoder encoder = new BASE64Encoder();
        String png_base64 = encoder.encodeBuffer(bytes).trim();//转换成base64串
        png_base64 = png_base64.replaceAll("\n", "").replaceAll("\r", "");//删除 \r\n
        String path = DATA + png_base64;
        logger.info("验证码Base64:{}", path);
        return path;
    }

    public ResultObject create() throws IOException {
        ValidateCode vCode = new ValidateCode(120, 40, 4, 100);
        String imageBase64 = imageToBytes(vCode.getBuffImg(), "png");
        resultObject.put("image", imageBase64);
        resultObject.put("VerificationCode", vCode.getCode());
        return resultObject;
    }
}

Controller:
    /**
     * 响应验证码页面
     *
     * @return
     */
    @ResponseBody
    @GetMapping(value = "/view")
    public ResultObject validateCode() {
        ResultObject resultObject = new ResultObject();
        try {
            ValidateCode validateCode = new ValidateCode();
            resultObject = validateCode.create();
            String uuid = UUID.randomUUID().toString().replaceAll("-", "");
            resultObject.put("uuid", uuid);
            String VerificationCode = String.valueOf(resultObject.get("VerificationCode"));
            logger.info("验证码:{},uuid:{}", VerificationCode, uuid);
            // 获取验证码和uuid之后,存储redis
            redisBaseDao.set(uuid, VerificationCode);
            redisBaseDao.expire(uuid, 60 * 30);
            resultObject.remove("VerificationCode");
            return resultObject;
        } catch (Exception e) {
            resultObject.setCode(Constant.CODE_EXCEPTION);
            resultObject.setMessage("系统异常");
            logger.error(e.getMessage(), e);
        }
        return resultObject;
    }