机器人恶意刷接口？加个验证码几分钟搞定！

NodeJS 后端开发10 生成图片验证码并实现校验

很多时间我们会在登录或者比如一些抽奖报名页面放一个验证码。

然后在后台进行校验。通过放置图片验证码，这样可以防止机器人暴力扫描重试系统接口。

当然也有些网站验证码设计的像是防止正常用户使用似的（像之前某车票网站一样。。。）

我们直接来看效果

如上图，登录表单提交一个用户名字和验证码。

后台获取输入验证码，并进行校验。

如果校验失败需要用户点击图片生成新验证码图片，然后继续提交表单校验。

输入错误图片验证码

如下图，这个例子就禁止用户继续登录，打印提示信息。

原理

某用户小白刷新登录页面，后台根据一个给定的文本来生成验证码，并把这个文本记录起来。（存储在服务器会话session）

当接受这个数字对应的图片验证码的用户，提交表单的时候。（小白需要提交验证码图片一致的文字）。

后台从会话获取对应小白的文本，进行校验。

校验成功，则认为是小白的人工操作，继续放行后续操作。

npm install -S svg-captcha

核心代码如下：

const express = require('express');
const session = require('express-session');
const serveStatic = require('serve-static');
const bodyParser = require('body-parser');

const app = express();
// parse application/x-www-form-urlencoded so that req will has a body attribute
app.use(bodyParser.urlencoded({
   
    extended: false }))

app.use(serveStatic