网站验证码的生成

前言
我们经常在网站上看到验证码，它是一幅图片，上面有文字和一些干扰线。下面就让我们用Java来实现验证码。
1.首先新建一个ImageVerificationCode类

package com.xxx.utils;

import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;


public class ImageVerificationCode {

    private static int weight = 100;           //验证码图片的长和宽
    private static int height = 28;
    private static String text;                //用来保存验证码的文本内容
    private static Random r = new Random();    //获取随机数对象
    //private String[] fontNames = {"宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312"};   //字体数组
    //字体数组
    private static String[] fontNames = {"Georgia"};
    //验证码数组
    private static String codes = "23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";

    /**
     * 获取随机的颜色
     *
     * @return
     */
    private static Color randomColor() {
        int r = ImageVerificationCode.r.nextInt(225);  //这里为什么是225，因为当r，g，b都为255时，即为白色，为了好辨认，需要颜色深一点。
        int g = ImageVerificationCode.r.nextInt(225);
        int b = ImageVerificationCode.r.nextInt(225);
        return new Color(r, g, b);            //返回一个随机颜色
    }

    /**
     * 获取随机字体
     *
     * @return
     */
    private static Font randomFont() {
        int index = r.nextInt(fontNames.length);  //获取随机的字体
        String fontName = fontNames[index];
        int style = r.nextInt(4);         //随机获取字体的样式，0是无样式，1是加粗，2是斜体，3是加粗加斜体
        int size = r.nextInt(10) + 24;    //随机获取字体的大小
        return new Font(fontName, style, size);   //返回一个随机的字体
    }

    /**
     * 获取随机字符
     *
     * @return
     */
    private static char randomChar() {
        int index = r.nextInt(codes.length());
        return codes.charAt(index);
    }

    /**
     * 画干扰线，验证码干扰线用来防止计算机解析图片
     *
     * @param image
     */
    private static void drawLine(BufferedImage image) {
        int num = r.nextInt(10); //定义干扰线的数量
        Graphics2D g = (Graphics2D) image.getGraphics();
        for (int i = 0; i < num; i++) {
            int x1 = r.nextInt(weight);
            int y1 = r.nextInt(height);
            int x2 = r.nextInt(weight);
            int y2 = r.nextInt(height);
            g.setColor(randomColor());
            g.drawLine(x1, y1, x2, y2);
        }
    }

    /**
     * 创建图片的方法
     *
     * @return
     */
    private static BufferedImage createImage() {
        //创建图片缓冲区
        BufferedImage image = new BufferedImage(weight, height, BufferedImage.TYPE_INT_RGB);
        //获取画笔
        Graphics2D g = (Graphics2D) image.getGraphics();
        //设置背景色随机
        g.setColor(new Color(255, 255, r.nextInt(245) + 10));
        g.fillRect(0, 0, weight, height);
        //返回一个图片
        return image;
    }

    /**
     * 获取验证码图片的方法
     *
     * @return
     */
    public static BufferedImage getImage() {
        BufferedImage image = createImage();
        Graphics2D g = (Graphics2D) image.getGraphics(); //获取画笔
        StringBuilder sb = new StringBuilder();
        for (int i = 0; i < 4; i++)             //画四个字符即可
        {
            String s = randomChar() + "";      //随机生成字符，因为只有画字符串的方法，没有画字符的方法，所以需要将字符变成字符串再画
            sb.append(s);                      //添加到StringBuilder里面
            float x = i * 1.0F * weight / 4;   //定义字符的x坐标
            g.setFont(randomFont());           //设置字体，随机
            g.setColor(randomColor());         //设置颜色，随机
            g.drawString(s, x, height - 5);
        }
        ImageVerificationCode.text = sb.toString();
        drawLine(image);
        return image;
    }

    /**
     * 获取验证码文本的方法
     *
     * @return
     */
    public static String getText() {
        return text;
    }

    public static void output(BufferedImage image, OutputStream out) throws IOException                  //将验证码图片写出的方法
    {
        ImageIO.write(image, "JPEG", out);
    }

}

这个类提供了获取一张图片，再在这张图片上写文字，画干扰线的方法。还提供了output方法将image文件写入OutputStream 输出流中。

UserController

 @RequestMapping(value = "/verificationCode",method = RequestMethod.POST)
    @ApiOperation("/获取验证码图片")
    @CrossOrigin
    /*
        生成并存储验证码并返回验证码的id
     */
    public ApiResult verificationCode() throws IOException {
        ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
        ImageVerificationCode.output(ImageVerificationCode.getImage(),outputStream);
        //存储验证码(60秒过期)
        String uuid = UUID.randomUUID().toString().replaceAll("-", "");
        String text = ImageVerificationCode.getText();
        //通过redis设置验证码的过期时间。
        redisTemplate.opsForValue().set(uuid,text,60, TimeUnit.SECONDS);

        //字节数组(二进制)  -》  base64(可打印字符)
        byte[] bytes = outputStream.toByteArray();
        String encoder = Base64.getEncoder().encodeToString(bytes);
        encoder = "data:image/png;base64," + encoder;

        //构造返回值data
        Map<String,Object> map = new HashMap<>();
        map.put("key",uuid);
        map.put("encoder",encoder);
        return R.ok(map);
    }

上述方法时请求验证码图片的方法，我们可以看到服务器回传了一个由字节数组转化而来的Base64串，再加上"data:image/png;base64,"头后，直接返回给了浏览器。
这里我们要知道：这种data: URI的格式能把Base64编码的数据内嵌在image标签的属性当中，浏览器可以直接将其显示为图片。
至此，验证码便在网页上生成了。注意：验证码在生成的时候都有一个唯一标识，标识以 “标识UUID—验证码text” 的格式存储在redis中，再通过redis中设置的expireTime就可以判断验证码是否已经过期了。