Node の SMS API で検証コード ログインを実装するためのサンプル コード

Node の SMS API で検証コード ログインを実装するためのサンプル コード

1. ノードサーバーのセットアップ + データベース接続

ここでの操作は比較的簡単でわかりやすいです。ノードサーバーのクイックセットアップを参照してください。

2. SMS APIの使用

SMS APIについては、ここではAlibaba CloudのSMSサービスを例に挙げます(SMSサービスを備えたプラットフォームであればどれでも使用できます)。

2.1 プラットフォームにログインしてパラメータを設定する

1. SMS コンソールに入り、送信する SMS の形式を設定します。署名がない場合は、操作前に署名を申請する必要があります。

ここに画像の説明を挿入

2. APIデモの表示をクリックして、設定されたAPIに入り、Node.jsを選択します。

ここに画像の説明を挿入

2.2 生成されたAPIをプロジェクトで使用する

コードコメントは詳細です

const Core = require('@alicloud/pop-core'); //cwen は Ali SMS モジュールを呼び出します (最初にインストールする必要があります)
//cwenはAlibaba SMSサービスAPIを設定します。let client = new Core({
 accessKeyId: '<accessKeyId>', // 最初に適用する必要があります (以下の手順を参照)
 accessKeySecret: '<accessSecret>', // 最初に適用する必要があります (以下の手順)
 エンドポイント: 'https://dysmsapi.aliyuncs.com', // 変更する必要はありません apiVersion: '2017-05-25' // 変更する必要はありません });
//cwenリクエストメソッドlet requestOption = {
  メソッド: 'POST'
};

//# 検証コードをシミュレートするためにランダムな4桁の数字を生成する function rander(max, min) {
  Math.floor(Math.random() * (max - min)) + min を返します。
}
//# 携帯電話番号 + 確認コードを保存します(簡単に確認するため)
var ログイン情報 = [];
//# 電話番号が確認コードを送信したかどうかを確認する let validate = (phone) => {
  loginInfo.some(item => item.phone === phone) を返します
}
//# 検証コードが一致していることを確認する let validateCode = (phone, code) => {
  loginInfo.some(item => (item.phone === 電話 && item.code == コード)) を返します
}

//cwen は Alibaba Cloud API を使用して SMS 認証 (認証コード ログイン) を送信します
sendLoginCroeCode = async(req, res) => { を設定します。
  { 電話番号 } を req.body とします。
  randCode = rander(1000, 9999);とします。
  var パラメータ = {
      "RegionId": "cn-杭州",
      "PhoneNumbers": phone, // クライアントの電話番号 "SignName": "小陈于用ya", // 署名 "TemplateCode": "SMS_197625305", // テンプレート、テキスト メッセージを送信するために使用 "TemplateParam": JSON.stringify({ 'code': randCode }) // 送信する検証コードを指定します (ここでは rander 関数が例として使用されています)
    }
     //# 確認コードを送信する前に、携帯電話番号が登録されているかどうかを確認します。if (await isRegister(phone)) { // これはデータベース操作です(無視できます)
    client.request('SendSms', params, requestOption).then((result) => {
      結果コード == 'OK' の場合 {
        res.send({
          ステータス: 200、
          メッセージ: '送信に成功しました'
        });
        loginInfo.push({
          電話: 電話、
          コード: randCode
        });
        console.log(ランダムコード)
      } それ以外 {
        res.send({
          ステータス: 400、
          メッセージ: '送信に失敗しました'
        })
      }
    })
  } それ以外 {
    res.send({
      ステータス: 400、
      メッセージ: 「この電話番号は登録されていません」
    })
  }
}

//# 検証コードログインインターフェース let phoneCodeLogin = async(req, res) => {
  let { 電話番号、コード } = req.body;
  if (validate(phone)) { //携帯電話番号が認証コードを送信したかどうかを判断しますif (validateCode(phone, code)) { //認証コードが携帯電話番号と一致するかどうかを判断しますlet user = await isFirstLogin(phone); //これはユーザー情報を取得するためのデータベース操作です(無視できます)
      res.send({
        ステータス: 200、
        メッセージ: 'ログイン成功'、
        データ: ユーザー[0]
      })
      loginInfo = []; // ログインが成功したら、検証コードの再送信に失敗しないようにすぐに配列をクリアします} else {
      res.send({
        ステータス: 400、
        メッセージ: '認証コードエラー'
      })
    }
  } それ以外 {
    res.send({
      ステータス: 400、
      メッセージ: 「認証コードを取得できませんでした」
    })
  }
}

// 注意: 最後にインターフェースを公開することを忘れないでください

注意: accessKeyId、accessKeySecret使用前に申請する必要があります

ここに画像の説明を挿入

3. インターフェースを使用してログインする

ここではPostmanインターフェースデバッグツールを例にとり、携帯電話番号はデータベースに登録されている携帯電話番号です。

確認コードをリクエストする

ここに画像の説明を挿入

携帯電話で認証コードを受け取る

ここに画像の説明を挿入

認証コードログイン

ここに画像の説明を挿入

Node で SMS API を使用して認証コード ログインを実装するためのサンプル コードに関するこの記事はこれで終わりです。Node SMS 認証コード ログインに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Ali は SMS 検証コードより大きいノード koa2 実装コード (最新)
  • nodejs で Ali Dayu SMS 認証コードにアクセスする方法
  • Nodejs は Post リクエスト関数を送信します (SMS 検証コードの例を送信)
  • Nodejs が SMS 認証コード機能を実装

<<:  MySQL がテーブルを読み取れないエラー (MySQL 1018 エラー) の解決方法

>>:  Linuxのファイル権限の詳細な紹介

推薦する

Chrome、Firefox、IEで入力カーソルの位置がずれる問題の解決方法

ブラウザで入力カーソルがずれる問題の詳しい説明<br />仕事で問題に遭遇し、解決策を探...

MySQL パスワードは正しいが、ローカルにログインできない -1045

MySQLパスワードは正しいが、ローカルでログインできない -1045 ユーザー 'roo...

Angularが予期しない例外エラーを処理する方法の詳細な説明

前面に書かれたコードがどれだけ適切に記述されていても、すべての可能性のある例外を完全に処理することは...

el-tree での不完全なテキスト表示の解決策

目次方法1: 水平スクロールバーを設定する最も簡単な方法方法2(新規):ドラッグバーを追加して外側の...

react-navigation6.xルーティングライブラリの基本的な使い方の詳しい説明

目次react-nativeプロジェクトの初期化react-nativeプロジェクトをインストールす...

フロントエンドが習得すべき、複数列の等高レイアウトを実現するための CSS テクニック

1. はじめにページを作成しているときに、複数列のレイアウトに遭遇することがあります。各列の内容が異...

WeChatアプレットは画像コントロールを選択します

この記事の例では、WeChatアプレットで画像コントロールを選択するための具体的なコードを参考までに...

IframeとFRAMEの違いの分析

1. Iframe タグの使用<br />Iframe については、「忘れられた隅」に放...

WHMCS V7.4.2 グラフィカル インストール チュートリアル

1. はじめにWHMCS は、ユーザー管理、請求書の支払い、ヘルプ サービスなど、オンライン ビジネ...

MySQL マスタースレーブレプリケーションスレッドの状態遷移に関する詳細な理解

序文MySQL マスター スレーブ レプリケーションの基本原理は、スレーブ データベースがマスター ...

CSSインジェクションの知識の要約

最近のブラウザでは、CSS 内で JavaScript を実行することはできなくなりました。以前は、...

MySQL INT型の完全な分析

序文: Integer は MySQL で最もよく使用されるフィールド型の 1 つで、通常は整数を格...

Vue は、デスクトップから Web ページにファイルをドラッグするためのサンプル コードを実装します (画像/オーディオ/ビデオを表示できます)

効果使用する場合は、コードとスタイルを自分で最適化してください。画像を表示しない/ビデオとオーディオ...

dockerでpdflatex環境を設定する方法

技術的背景Latex は文書作成、特に記事作成には欠かせないツールであり、必須のテキスト組版ツールで...

React Routerの歴史について簡単に説明します

React Router を理解したいなら、まず歴史を理解する必要があります。より具体的には、Rea...