node中短信api實現(xiàn)驗證碼登錄的示例代碼

更新時間：2021年01月20日 11:05:18 作者：Jdoit CW

這篇文章主要介紹了node中短信api實現(xiàn)驗證碼登錄的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

1. node服務器搭建+數據庫的連接

此處操作比較簡潔易懂，可參考：node服務器快速搭建

2. 短信api的使用

對于短信api ，此處以阿里云的短信服務為例（只要是有短信服務的平臺皆可使用）

2.1 登錄平臺進行參數配置

1. 進入短信控制臺，對要發(fā)送的短信格式進行配置，如果沒有簽名，需要申請簽名后操作

在這里插入圖片描述

2. 點擊查看 API Demo 進入配置生成的api；此時選擇 Node.js

在這里插入圖片描述

2.2 根據生成的api 在項目中使用

代碼注釋詳盡

const Core = require('@alicloud/pop-core'); //cwen 調用阿里短信模塊(需先安裝)
//cwen 對阿里短信服務API進行配置
let client = new Core({
 accessKeyId: '<accessKeyId>', // 需要先申請（步驟在下文）
 accessKeySecret: '<accessSecret>', // 需要先申請（步驟在下文）
 endpoint: 'https://dysmsapi.aliyuncs.com', //無需更改
 apiVersion: '2017-05-25' //無需更改
});
//cwen 請求方式
let requestOption = {
  method: 'POST'
};

//# 生成隨機四位數，模擬驗證碼
function rander(max, min) {
  return Math.floor(Math.random() * (max - min)) + min
}
//# 存儲手機號+驗證碼（方便驗證）
var loginInfo = [];
//# 驗證手機號是否已經發(fā)送個驗證碼
let validate = (phone) => {
  return loginInfo.some(item => item.phone === phone)
}
//# 驗證驗證碼是否一致
let validateCode = (phone, code) => {
  return loginInfo.some(item => (item.phone === phone && item.code == code))
}

//cwen 用阿里云api發(fā)送短信驗證(驗證碼登錄)
let sendLoginCroeCode = async(req, res) => {
  let { phone } = req.body;
  let randCode = rander(1000, 9999);
  var params = {
      "RegionId": "cn-hangzhou",
      "PhoneNumbers": phone, // 客戶端手機號
      "SignName": "小陳應用ya", //簽名
      "TemplateCode": "SMS_197625305", //模板，用于發(fā)送文字信息
      "TemplateParam": JSON.stringify({ 'code': randCode }) //指定要發(fā)送的驗證碼（此處以rander 函數為例）
    }
     //# 發(fā)送驗證碼之前判斷手機號是否注冊過
  if (await isRegister(phone)) { // 此處為數據庫操作（可忽略）
    client.request('SendSms', params, requestOption).then((result) => {
      if (result.Code == 'OK') {
        res.send({
          status: 200,
          msg: '發(fā)送成功'
        });
        loginInfo.push({
          phone: phone,
          code: randCode
        });
        console.log(randCode)
      } else {
        res.send({
          status: 400,
          msg: '發(fā)送失敗'
        })
      }
    })
  } else {
    res.send({
      status: 400,
      msg: '該手機號未注冊'
    })
  }
}

//# 驗證碼登錄接口
let phoneCodeLogin = async(req, res) => {
  let { phone, code } = req.body;
  if (validate(phone)) { //判斷手機號是否發(fā)送過驗證碼
    if (validateCode(phone, code)) { // 判斷驗證碼與手機號是否匹配
      let user = await isFirstLogin(phone); // 此處為數據庫操作，獲取用戶信息（可忽略）
      res.send({
        status: 200,
        msg: '登錄成功',
        data: user[0]
      })
      loginInfo = []; // 登錄成功，立馬清空數組，以免無法再次發(fā)送驗證碼
    } else {
      res.send({
        status: 400,
        msg: '驗證碼錯誤'
      })
    }
  } else {
    res.send({
      status: 400,
      msg: '未獲取驗證碼'
    })
  }
}

// 注意：最后記得把接口暴露出去

注意：accessKeyId、accessKeySecret 需要先申請再使用

在這里插入圖片描述