如何给网站增加短信验证码登录功能,实际操作非常简单
今天给大家操作如何给网站增加短信验证码登录功能,实际操作非常简单,对照文档15分钟就可以完成接入。
需要准备资料有:登录页面(html页面)、短信接口参数、服务端
特别说明:因为闪速码接口支持个人、企业使用,而且可以免费试用200条,所以短信借口采用闪速码(自行百度)
大致流程如下
1、构造随机数字:使用random对象生成要求的随机数作为验证码银行卡js验证规则,例如6位验证码:100000~999999之间随机数;
2、使用接口向短信平台发送手机号和验证码数据,然后短信平台再把验证码发送到用户输入的手机号上,接口参数一般包括:目标手机号,随机验证码(或包含失效时间),平台接口地址银行卡js验证规则,平台口令;
3、保存接口返回的信息(一般为json文本数据,然后需转换为json对象格式);
4、将手机号--验证码、操作时间存入Session中,作为后面验证使用;
5、接收用户填写的验证码及其他数据;
6、对比提交的验证码与Session中的验证码是否一致,同时判断提交动作是否在有效期内;
7、验证码正确且在有效期内,请求通过,处理相应的业务。
前端主要代码:
后端主要代码:
1.从闪速码官网下载node.js的sdk文件,引入sendsms.js这个文件到项目根目录
2.修改配置文件,填写接受手机号、APPID等参数就可以完成接入
PS:因为编辑器不支持直接写入代码,这里粘贴了代码图片。各位有需要的可以到闪速码官网下载吧
发表评论
热门文章
Spimes主题专为博客、自媒体、资讯类的网站设计....
一款个人简历主题,可以简单搭建一下,具体也比较简单....
仿制主题,Typecho博客主题,昼夜双版设计,可....
用于作品展示、资源下载,行业垂直性网站、个人博客,....
热评文章
最新评论
Z.
11月29日
博主你好,Deng插件,这个点击不进去,提示这个(Warning: require_once(/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php): failed to open stream: No such file or directory in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26
Fatal error: require_once(): Failed opening required '/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php' (include_path='.:/www/server/php/72/lib/php') in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26)
蔑视的士
10分钟前
支持