node中短信api实现验证码登录的示例代码


Posted in Javascript onJanuary 20, 2021

1. node服务器搭建+数据库的连接

此处操作比较简洁易懂,可参考:node服务器快速搭建

2. 短信api的使用

对于短信api ,此处以 阿里云的短信服务为例(只要是有短信服务的平台皆可使用)

2.1 登录平台进行参数配置

1. 进入短信控制台,对要发送的短信格式进行配置,如果没有签名,需要申请签名后操作

node中短信api实现验证码登录的示例代码

2. 点击查看 API Demo 进入配置生成的api;此时选择 Node.js

node中短信api实现验证码登录的示例代码

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 = [];
//# 验证手机号是否已经发送个验证码
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发送短信验证(验证码登录)
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", //模板,用于发送文字信息
      "TemplateParam": JSON.stringify({ 'code': randCode }) //指定要发送的验证码(此处以rander 函数为例)
    }
     //# 发送验证码之前判断手机号是否注册过
  if (await isRegister(phone)) { // 此处为数据库操作(可忽略)
    client.request('SendSms', params, requestOption).then((result) => {
      if (result.Code == 'OK') {
        res.send({
          status: 200,
          msg: '发送成功'
        });
        loginInfo.push({
          phone: phone,
          code: randCode
        });
        console.log(randCode)
      } else {
        res.send({
          status: 400,
          msg: '发送失败'
        })
      }
    })
  } else {
    res.send({
      status: 400,
      msg: '该手机号未注册'
    })
  }
}

//# 验证码登录接口
let phoneCodeLogin = async(req, res) => {
  let { phone, code } = req.body;
  if (validate(phone)) { //判断手机号是否发送过验证码
    if (validateCode(phone, code)) { // 判断验证码与手机号是否匹配
      let user = await isFirstLogin(phone); // 此处为数据库操作,获取用户信息(可忽略)
      res.send({
        status: 200,
        msg: '登录成功',
        data: user[0]
      })
      loginInfo = []; // 登录成功,立马清空数组,以免无法再次发送验证码
    } else {
      res.send({
        status: 400,
        msg: '验证码错误'
      })
    }
  } else {
    res.send({
      status: 400,
      msg: '未获取验证码'
    })
  }
}

// 注意:最后记得把接口暴露出去

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

node中短信api实现验证码登录的示例代码

3. 使用接口登录

此处以Postman 接口调试工具为例,手机号为数据库中注册过的手机号

请求发送验证码

node中短信api实现验证码登录的示例代码

手机收到验证码

node中短信api实现验证码登录的示例代码

验证码登录

node中短信api实现验证码登录的示例代码

到此这篇关于node中短信api实现验证码登录的示例代码的文章就介绍到这了,更多相关node 短信验证码登录内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
Javascript学习笔记2 函数
Jan 11 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
Nov 14 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
bootstrap模态框垂直居中效果
Dec 03 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
Jul 11 Javascript
JS+canvas动态绘制饼图的方法示例
Sep 12 Javascript
js表达式与运算符简单操作示例
Feb 15 Javascript
对vuex中store和$store的区别说明
Jul 24 Javascript
vue实现按钮切换图片
Jan 20 #Vue.js
node脚手架搭建服务器实现token验证的方法
Jan 20 #Javascript
Vue实现图书管理案例
Jan 20 #Vue.js
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 #Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
Jan 19 #Vue.js
js实现电灯开关效果
Jan 19 #Javascript
jquery实现穿梭框功能
Jan 19 #jQuery
You might like
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
php另类上传图片的方法(PHP用Socket上传图片)
2013/10/30 PHP
php使用Jpgraph绘制柱形图的方法
2015/06/10 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
网站上面有这种切换效果
2006/06/26 Javascript
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
JS画线(实例代码)
2013/11/20 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
使用JavaScript获取Request中参数的值方法
2016/09/27 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
vue 微信授权登录解决方案
2018/04/10 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
2018/04/13 Javascript
JavaScript+H5实现微信摇一摇功能
2018/05/23 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
2019/09/28 Javascript
jQuery/JS监听input输入框值变化实例
2019/10/17 jQuery
vue 全局环境切换问题
2019/10/27 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
Python中list初始化方法示例
2016/09/18 Python
对Python实现累加函数的方法详解
2019/01/23 Python
详解python中的模块及包导入
2019/08/30 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
详解Ubuntu环境下部署Django+uwsgi+nginx总结
2020/04/02 Python
python pillow库的基础使用教程
2021/01/13 Python
详解Python中的Lock和Rlock
2021/01/26 Python
CSS3实现文字描边的2种方法(小结)
2020/02/14 HTML / CSS
理肤泉美国官网:La Roche-Posay
2018/01/17 全球购物
CHARLES & KEITH英国官网:新加坡时尚品牌
2018/07/04 全球购物
屈臣氏菲律宾官网:Watsons菲律宾
2020/06/30 全球购物
string = null 和string = ''的区别
2013/04/28 面试题
企业环保标语
2014/06/10 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书