js短信验证码接口开发
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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