egg +svg-captcha生成验证码并使用session实现验证码校验

最新推荐文章于 2022-07-26 16:02:08 发布

yanbabyo

最新推荐文章于 2022-07-26 16:02:08 发布

阅读量476

点赞数

分类专栏： egg.js后台管理系统文章标签： javascript node.js npm

本文链接：https://blog.csdn.net/qq_44970564/article/details/116518123

版权

本文介绍了如何在Node.js项目中利用Egg.js和svg-captcha生成验证码，并结合session进行验证。首先，通过npm安装svg-captcha并在plugin.js中配置。接着，创建controller层的captcha.js文件，生成并保存验证码到session。在登录界面添加显示验证码的div，用户点击时可刷新验证码。最后，在login controller中加入验证码校验逻辑，确保熟悉cookie和session的使用。

摘要由CSDN通过智能技术生成

1.首先打开npm 输入下面的代码指令
在这里插入图片描述
2.下载成功后打开文件夹的plugin.js 看是否添加成功以下代码

3.在controller层新建一个captcha.js文件（小提示：可以随意命名但建议和文件内容有关便于以后查看修改）

const Controller = require('egg').Controller;
const svgCaptcha = require('svg-captcha');

class CaptchaController extends Controller 
{
    async captcha() {
        const captcha = svgCaptcha.create({
          size: 4,              //随机字符串的数量
          fontSize: 50,
          ignoreChars: 'Ooli',  //过滤掉一些字符，如0o1i
          width: 100,
          height: 40,
          noise: 2,
          color: true,
          background: '#ffffff',
        });
        this.ctx.session.captcha = captcha.text;       //text及data都是函数返回的string属性的对象
        this.ctx