网站设计书模板,佛山哪里有网站开发?,龙岩网站建设较好的公司,WordPress装不上jetpack一、短信验证码
前端#xff1a;
用户填写手机号#xff0c;点击按钮发送请求用户短信得到验证码后#xff0c;用户填写表单提交 form 表单#xff0c;进行验证
后台#xff1a;
随机生成几位验证码并将生成时间、手机号、验证码存储起来#xff0c;可以存到session、…一、短信验证码
前端
用户填写手机号点击按钮发送请求用户短信得到验证码后用户填写表单提交 form 表单进行验证
后台
随机生成几位验证码并将生成时间、手机号、验证码存储起来可以存到session、redis、数据库等调用短信接口提供的sdk短信发送接口将验证码发送到指定的手机号上
参考链接
二、图形验证码
前端
用户填写手机号在 input 框失去焦点时发送获取验证码请求得到后台的 base64 编码并显示出来
img src{data:;base64,${verifyCodeUrl}} onClick{handleGetVerifyCode} /
提交 form 表单进行验证
但是它不安全脚本可以高准确率、快速地识别出答案
类似的还有算数验证码 三、滑动拼图验证码
根据用户滑动滑块的响应时间拖拽速度时间位置轨迹重试次数等验证相对来说更安全。
有三张图带缺口的背景图、拼图、完整的背景图操作
用户的操作按住滑块拖动图片至阴影位置完成验证。
开发人员
1对比完整图和背景图的区别得到阴影位置
2计算需要滑动的距离:遍历完整图的每一个像素点利用 getRGB 对比完整图和缺口图哪里有差异在有差异的时候返回横坐标即需要滑动的距离
3拖动滑块看效果
参考链接
