Nodejs中有什么好的验证码生成方法？

Nodejs中有什么好的验证码生成方法？

RT

5 回复

Node.js 中有什么好的验证码生成方法？

验证码（CAPTCHA）是一种常见的验证机制，用于区分用户是人还是机器。在Node.js应用中，生成验证码通常包括生成随机字符串和将其显示为图像或音频文件。本文将介绍如何使用Node.js生成基于文本的验证码，并提供一个简单的示例。

方法一：生成文本验证码

  1. 安装依赖 首先，我们需要安装一些常用的库来帮助生成和处理验证码。例如，我们可以使用canvas库来生成图像，使用express作为Web框架。

    npm install express canvas

  2. 生成验证码

    接下来，我们将编写一段代码来生成一个简单的文本验证码，并将其渲染成图像。

    const express = require('express');
const { createCanvas, loadImage } = require('canvas');
const app = express();
const port = 3000;

// 生成随机字符串验证码
function generateCaptcha() {
  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  let captcha = '';
  for (let i = 0; i < 6; i++) {
    captcha += chars.charAt(Math.floor(Math.random() * chars.length));
  }
  return captcha;
}

// 将验证码渲染到图像上
async function renderCaptcha(captcha) {
  const canvas = createCanvas(200, 100);
  const ctx = canvas.getContext('2d');

  // 设置背景颜色
  ctx.fillStyle = '#fff';
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  // 绘制验证码文本
  ctx.font = 'bold 48px Arial';
  ctx.fillStyle = '#000';
  ctx.fillText(captcha, 50, 70);

  // 添加一些干扰线
  ctx.strokeStyle = '#ccc';
  ctx.beginPath();
  for (let i = 0; i < 5; i++) {
    ctx.moveTo(Math.random() * canvas.width, Math.random() * canvas.height);
    ctx.lineTo(Math.random() * canvas.width, Math.random() * canvas.height);
  }
  ctx.stroke();

  return canvas.toBuffer();
}

app.get('/captcha', async (req, res) => {
  const captchaText = generateCaptcha();
  const captchaImageBuffer = await renderCaptcha(captchaText);
  req.session.captcha = captchaText.toLowerCase(); // 存储验证码以便后续验证
  res.set('Content-Type', 'image/png');
  res.send(captchaImageBuffer);
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

  3. 使用验证码

    在实际应用中，你可以在登录表单或其他需要验证的表单中添加一个输入框，让用户输入验证码，并在后端进行验证。

    app.post('/login', (req, res) => {
  const userInput = req.body.captcha;
  if (userInput && userInput.toLowerCase() === req.session.captcha) {
    // 验证通过
    res.send('登录成功！');
  } else {
    // 验证失败
    res.status(400).send('验证码错误！');
  }
});

以上代码展示了如何在Node.js中生成并验证文本验证码。你可以根据需要调整验证码的样式、长度和复杂度。希望这对你的项目有所帮助！


这有一个简单的实现: http://www.csser.com/question/4f81198ae715126d44000646

谢谢

这个demo里面有 http://www.9958.pw/post/nodejs_lesson

Node.js 中有什么好的验证码生成方法？

验证码（CAPTCHA）是一种常见的用于区分用户是人类还是机器的技术。在 Node.js 应用中，生成验证码通常涉及生成随机文本并将其渲染到图像或作为纯文本显示。

以下是两种常见的验证码生成方法：

  1. 纯文本验证码：

    • 纯文本验证码只是生成一个随机字符串，并将其发送给用户进行验证。
    • 可以使用 Math.random() 或 crypto 模块来生成随机字符串。

  2. 图像验证码：

    • 图像验证码不仅生成随机字符串，还会将该字符串绘制到图像上，增加破解难度。
    • 可以使用 canvas 和 node-canvas 模块来生成图像验证码。

示例代码：纯文本验证码

const express = require('express');
const crypto = require('crypto');

const app = express();

app.get('/captcha', (req, res) => {
    // 生成随机字符串
    const captchaText = crypto.randomBytes(3).toString('hex').substring(0, 6);
    
    // 将验证码文本存储在 session 或其他方式以便后续验证
    req.session.captcha = captchaText;
    
    // 返回验证码文本
    res.json({ captcha: captchaText });
});

// 验证验证码
app.post('/verify', (req, res) => {
    const { captcha } = req.body;
    const enteredCaptcha = req.body.verifiedCaptcha;

    if (enteredCaptcha === req.session.captcha) {
        res.send('验证成功');
    } else {
        res.send('验证失败');
    }
});

app.listen(3000, () => console.log('Server running on port 3000'));

示例代码：图像验证码

const express = require('express');
const crypto = require('crypto');
const Canvas = require('canvas');
const jpeg = require('jpeg-js');

const app = express();

app.get('/captcha', async (req, res) => {
    // 生成随机字符串
    const captchaText = crypto.randomBytes(3).toString('hex').substring(0, 6);

    // 创建 canvas 并绘制验证码文本
    const canvas = new Canvas.createCanvas(200, 100);
    const ctx = canvas.getContext('2d');

    ctx.font = 'bold 48px sans-serif';
    ctx.fillStyle = '#000000';
    ctx.fillText(captchaText, 50, 70);

    // 将 canvas 转换为 JPEG 格式
    const imgData = canvas.toBuffer('image/jpeg');

    // 将验证码文本存储在 session 或其他方式以便后续验证
    req.session.captcha = captchaText;

    // 返回图像
    res.set('Content-Type', 'image/jpeg');
    res.send(imgData);
});

// 验证验证码
app.post('/verify', (req, res) => {
    const { captcha } = req.body;
    const enteredCaptcha = req.body.verifiedCaptcha;

    if (enteredCaptcha === req.session.captcha) {
        res.send('验证成功');
    } else {
        res.send('验证失败');
    }
});

app.listen(3000, () => console.log('Server running on port 3000'));

以上代码展示了如何生成和验证纯文本验证码以及图像验证码。你可以根据自己的需求选择适合的方法。

回到顶部