js短信验证码接口开发

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

注册使用的短信验证码接口

使用技术:node.js ; ajax ; Javascript

1.进入阿里云,搜索“短信服务”

2.选择第一条词条进入后,点击免费开通:

3.进入信息服务后悬停在右上角用户头像点击“AccessKey”,进入进行创建AccessKey。(这个AccessKey非常重要拥有阿里云所有权限不能泄露)

4.回到上图页面,点击左方任务栏的“应用开发”,点击“签名管理”添加签名,按照流程添加(个人使用签名尽可能使用真实姓名不然可能审核不通过)等待审核完成就可以了。

5.再次回到上图页面,点击“模版管理”,添加信息模版,同样按照流程添加就可以了。

6.进入代码模式,再次回到上图页面点击左方任务栏“接口调用”,直接看“短信发送API”(这里选择Node.js,根据个人编程需要);点击进入就可以自己看看了,主要的无非就是下图这个node代码,在这之前上面有个table进行下述代码的描述

(1)其中$ npm install @alicloud/sms-sdk --save(建议用cnpm装)就是引入阿里的短信数据模块

(2)

1. const accessKeyId ='yourAccessKeyId'

2. const secretAccessKey ='yourAccessKeySecret'

这个就是刚注册的AccessKey和Access Key Secret了,把这个放进去就o了。

(3)

1. PhoneNumbers:'1500000000',

2. SignName:'云通信产品',

3. TemplateCode:'SMS_000000',

4. TemplateParam:'{"code":"12345"}'

这个嘛,看一下就知道

PhoneNumbers:就是你要发送验证码的手机号码;

SignName:这个是你添加的短信签名;

TemplateCode:这个是刚添加的短信模版CODE,自己点进去看一下复制出来,不会我就跳楼了

TemplateParam:这个呢,注册短信模版时应该看见了吧就是一个JSON字符串传到阿里那边他会帮你把数据绑上去短信里(说白了后面的数字就是你的验证码,你可以选择在后端生成)也就是说格式可以固定或者你将这个写在前端ajax传过来也行,后边放上自己写的代码我是在前端传过来的,然后..然后就跑代码就好了。后端服务开启,前端放好事件触发,ajax把数据传过来就o啦。噢对了阿里信息服务是免费开通不是免费使用也就是说....还要交钱的,免费不存在!不过还好是按量收费,一条也就好像4分钱,充值2块钱就可以慢慢玩了,充值在哪?问我?天台见....肯定在最显眼的位置。接下来是代码演示一下

前端生成验证码是比较low但是我们要的是原理嘛,没关系。图中的yanzheng就是发送到手机的验证码,

不嫌弃的话就看看就是比较low

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];

var yanzheng='';

for(var i = 0; i < 6; i++) {

var randnum = parseInt(Math.random() * arr.length);

yanzheng += arr[randnum];

}

图中“erName”,是存储了页面输入的电话号码也就是要发送验证码的手机

这是node服务端的代码,要引入

var SMSClient = require('@alicloud/sms-sdk');

不然会报错

源码?不存在的!阿里上有,复制粘贴就好

然后你可以在前端悄悄的,对~悄悄的把你生成的随即验证码存起来,与输入框输入值进行对

比,正确再继续执行,不正确就让他从新输入呗,好了。。就这么多。拜拜~~

-------Kinyee

相关文档
最新文档