Nodejs はログイン確認コードを必要としません-フロントエンドQ&A-php.cn

Nodejs はログイン確認コードを必要としません

王林

リリース： 2023-05-13 18:17:38

オリジナル

694 人が閲覧しました

インターネットの発展に伴い、検証コードは Web サイトのセキュリティを確保するための重要なツールになりました。多くの Web サイトでは、悪意のあるプログラムやロボット攻撃を防止し、Web サイトのセキュリティと信頼性を確保するために、機密性の高い操作、登録、ログインなどを実行するときに、ユーザーに確認コードの入力を要求しています。しかし、ユーザーエクスペリエンスや操作の利便性を向上させるために、ログインを必要としない検証コードサービスの提供が必要となる場面もあり、その際にJavaScriptが依存するNode.jsの優れた機能を発揮することができます。

Node.js の非同期アーキテクチャと JavaScript 構文の学習の容易さにより、Node.js は検証コードサービスにとって非常に実用的です。 Node.jsの機能により、ログイン不要の検証コードサービスを簡単に実装でき、導入やメンテナンスも非常に簡単です。

まず、検証コードの原理と構成を理解する必要があります。一般に、検証コードサービスには次のコンポーネントがあります。

検証コードジェネレーター: 検証コードイメージを生成するために使用されます。
検証コード認識機能: 検証コード画像内の検証コード文字を識別するために使用されます。
キャッシュ: 生成された検証コード文字と対応する検証結果を一時的に保存するために使用されます。

ユーザーが検証コードが必要なシナリオにある場合、サーバーはいくつかの検証コード文字を含む検証コードイメージのセットをランダムに生成します。後続の操作を続行するには、ユーザーは正しい確認コード文字を入力する必要があります。ユーザーが検証コードを入力すると、サーバーはユーザーが入力した検証コードの文字とキャッシュ内の対応する結果を比較し、ユーザーの入力が正しいかどうかを判断します。

Node.js では、サードパーティのライブラリを使用して検証コードサービスのさまざまなコンポーネントを実装できます。以下は、Canvas ライブラリと nodemailer ライブラリを使用して検証コードサービスを実装する例です。

まず、必要な依存ライブラリをインストールします:

npm install canvas nodemailer

ログイン後にコピー

次に、コードを記述します:

const express = require('express');
const Canvas = require('canvas');
const nodemailer = require('nodemailer');

const app = express();
const PORT = process.env.PORT || 3000;
const WIDTH = 100;
const HEIGHT = 50;

// 生成随机字符串
const randomString = () => {
  const CHARACTERS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  let result = '';
  for (let i = 0; i < 6; i++) {
    result += CHARACTERS.charAt(Math.floor(Math.random() * CHARACTERS.length));
  }
  return result;
};

// 生成验证码图片
const generateCaptcha = () => {
  const canvas = Canvas.createCanvas(WIDTH, HEIGHT);
  const ctx = canvas.getContext('2d');
  const captcha = randomString();
  ctx.clearRect(0, 0, WIDTH, HEIGHT);
  ctx.font = 'bold 25px sans-serif';
  ctx.fillStyle = '#333';
  ctx.fillText(captcha, 20, 35);
  return { captcha, dataURL: canvas.toDataURL() };
};

// 初始化缓存
const cache = {};

app.use(express.static('public'));

// 根路由返回验证码图片
app.get('/', (req, res) => {
  const captcha = generateCaptcha();
  cache[captcha.captcha] = true;
  res.send(`<img src="${captcha.dataURL}">`);
});

// 验证码验证路由
app.get('/captcha', (req, res) => {
  const { captcha } = req.query;
  if (captcha && cache[captcha]) {
    delete cache[captcha];
    res.send({ success: true });
  } else {
    res.send({ success: false });
  }
});

// 发送邮件路由
app.get('/email', (req, res) => {
  const { email } = req.query;
  if (email) {
    const captcha = generateCaptcha();
    cache[captcha.captcha] = email;
    const transporter = nodemailer.createTransport({
      host: 'smtp.ethereal.email',
      port: 587,
      secure: false,
      auth: {
        user: testAccount.user,
        pass: testAccount.pass
      }
    });
    const message = {
      from: 'nodejs-captcha@example.com',
      to: email,
      subject: '验证码',
      text: captcha.captcha,
      html: `<img src="${captcha.dataURL}">`
    };
    transporter.sendMail(message, (err, info) => {
      if (err) {
        console.log(err);
        res.send({ success: false });
      } else {
        console.log(info);
        res.send({ success: true });
      }
    });
  } else {
    res.send({ success: false });
  }
});

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

ログイン後にコピー

この例では、Canvas ライブラリを使用してサイズ 100x50 の検証を生成します。コードの写真。そして、nodemailer ライブラリを使用して、指定されたメールボックスに電子メールを送信します。電子メールには、生成された検証コードイメージが含まれます。同時に、サーバー側では、キャッシュ (ここでは JavaScript オブジェクトを使用します) を使用して、検証コードの文字と、対応する電子メールアドレスまたは検証結果を一時的に保存します。検証コード検証ルートでは、サーバーはユーザーが入力した検証コード文字とキャッシュ内の対応する結果を比較します。

ユーザーがルートルートにアクセスすると、サーバーは新しい検証コードイメージを生成し、検証コード文字をキー名としてキャッシュに保存して、各検証コード文字の一意性を保証します。生成された検証コードイメージは、HTTP 経由でブラウザに直接返されます。ユーザーは、ログインしていなくても、このルートにアクセスして検証コードイメージを取得できます。

ユーザーが認証コードの認証を行う必要がある場合、サーバーは新しい認証コードのイメージを自動的に生成し、認証コードの文字をキー名として保存します。ユーザーは認証コードの文字を入力する必要があります。ユーザーが検証コード文字を入力すると、サーバーはそれをキャッシュ内の対応するキー名と比較して、それらが正しいかどうかを判断します。

検証コードサービスのセキュリティを向上させるために、より複雑な検証コード生成アルゴリズムとより厳密な検証ロジックを使用できます。同時に、実際の運用環境では、キャッシュのクリーニングやインターフェイスのアクセス頻度の制限などの詳細に注意を払う必要があります。

つまり、Node.js の使用は、ログインを必要としない検証コードサービスの実装に非常に適しています。上記の例はほんの一例であり、独自のニーズに応じてカスタマイズされた検証コードサービスを実装できます。

以上がNodejs はログイン確認コードを必要としませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。