抖音实战~手机号一键注册登录流程（验证码）

您所在的位置：网站首页 › 抖音手机号码一键登录 › 抖音实战~手机号一键注册登录流程（验证码）

抖音实战~手机号一键注册登录流程（验证码）

2024-07-12 18:13| 来源: 网络整理| 查看: 265

抖音实战~手机号一键注册登录流程（验证码）原创

gblfy 2022-09-07 06:32:03 博主文章分类：抖音App ©著作权

文章标签验证码 redis 拦截器文章分类运维

©著作权归作者所有：来自51CTO博客作者gblfy的原创作品，请联系作者获取转载授权，否则将追究法律责任

抖音实战~手机号一键注册登录流程（验证码）_验证码

抖音实战~手机号一键注册登录流程（验证码）_验证码_02

抖音实战~手机号一键注册登录流程（验证码）_验证码_03

文章目录一、一键注册登录流程二、前端2.1. 验证码获取流程2.2. 验证码获取代码三、后端验证码3.1. 前置处理3.2. 拦截器添加3.3. 获取验证码一、一键注册登录流程

抖音实战~手机号一键注册登录流程（验证码）_验证码_04

二、前端2.1. 验证码获取流程1.点击->获取验证码调用后端获取验证码api接口2.验证码59秒倒计时3.重复点击获取验证码,判断验证码倒计时是否大于0:3.1.如果大于0，获取验证码按钮不可触摸3.2.如果等于0，获取验证码调用后端获取验证码api接口2.2. 验证码获取代码= app.globalData.serverUrl; // 调用后端发送验证码 uni.request({ method: "POST", url: serverUrl + "/passport/getSMSCode?mobile=" + mobile, success(result) { var status = result.data.status; if (status != 200) { uni.showToast({ title: result.data.msg, icon: "none" }); }

// 开始倒数60秒限制 if(me.codeTimes == 0) { me.doTimer(59); } } }); }, // 发送验证码的倒计时方法 doTimer(times) { var me = this; // 倒计时定时器 var sendCodeBtnFunction = function(){ var left = times--;

if (left 验证码前置拦截处理:

1.获取用户的ip2.验证码redis存储key的前缀+获取用户的ip当做redis中的key，从redis中获取已经存储的请求请求ip1.如果redis中存在未过期的用户请求ip，则提示"短信发送太快啦~请稍后再试！"2.如果redis中，不存在用户请求ip，则放行，继续调用获取验证码接口api

抖音实战~手机号一键注册登录流程（验证码）_redis_05

3.2. 拦截器添加

抖音实战~手机号一键注册登录流程（验证码）_拦截器_06

3.3. 获取验证码1.对输入框填写的数据进行校验，不合法则提示，合法继续。2.获得用户请求ip3.根据用户ip进行限制，限制用户在60秒之内只能获得一次验证码4.生成随机6位验证码5.调用腾讯/阿里短信服务，发送验证码6.把验证码放入到redis中，用于后续的验证7.返回验证码

抖音实战~手机号一键注册登录流程（验证码）_验证码_07

赞收藏评论分享举报

上一篇：抖音实战~MD5加密+盐值工具类

下一篇：企业方案 vscode

【本文地址】

抖音实战~手机号一键注册登录流程（验证码）

抖音实战~手机号一键注册登录流程（验证码）

今日新闻

推荐新闻