快捷導(dǎo)航

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

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

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

1. node服務(wù)器搭建+數(shù)據(jù)庫(kù)的連接

此處操作比較簡(jiǎn)潔易懂，可參考：node服務(wù)器快速搭建

2. 短信api的使用

對(duì)于短信api ，此處以阿里云的短信服務(wù)為例（只要是有短信服務(wù)的平臺(tái)皆可使用）

2.1 登錄平臺(tái)進(jìn)行參數(shù)配置

1. 進(jìn)入短信控制臺(tái)，對(duì)要發(fā)送的短信格式進(jìn)行配置，如果沒(méi)有簽名，需要申請(qǐng)簽名后操作

在這里插入圖片描述

2. 點(diǎn)擊查看 API Demo 進(jìn)入配置生成的api；此時(shí)選擇 Node.js

在這里插入圖片描述

2.2 根據(jù)生成的api 在項(xiàng)目中使用

代碼注釋詳盡

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

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

//cwen 用阿里云api發(fā)送短信驗(yàn)證(驗(yàn)證碼登錄)
let sendLoginCroeCode = async(req, res) => {
  let { phone } = req.body;
  let randCode = rander(1000, 9999);
  var params = {
      "RegionId": "cn-hangzhou",
      "PhoneNumbers": phone, // 客戶端手機(jī)號(hào)
      "SignName": "小陳應(yīng)用ya", //簽名
      "TemplateCode": "SMS_197625305", //模板，用于發(fā)送文字信息
      "TemplateParam": JSON.stringify({ 'code': randCode }) //指定要發(fā)送的驗(yàn)證碼（此處以rander 函數(shù)為例）
    }
     //# 發(fā)送驗(yàn)證碼之前判斷手機(jī)號(hào)是否注冊(cè)過(guò)
  if (await isRegister(phone)) { // 此處為數(shù)據(jù)庫(kù)操作（可忽略）
    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: '該手機(jī)號(hào)未注冊(cè)'
    })
  }
}

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

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

注意：accessKeyId、accessKeySecret 需要先申請(qǐng)?jiān)偈褂?/p>

在這里插入圖片描述