分类：验证码登录

2021
06-19

基于 antd pro 的短信验证码登录功能(流程分析)

概要最近使用antdpro开发项目时遇到个新的需求,就是在登录界面通过短信验证码来登录,不使用之前的用户名密码之类登录方式.这种方式虽然增加了额外的短信费用,但是对于安全性确实提高了不少.antd中并没有自带能够倒计时的按钮,但是antdpro的ProFormcomponents中倒是提供了针对短信验证码相关的组件.组件说明可参见:https://procomponents.ant.design/components/form整体流程通过短信验证码登录的流程很简单:请... 继续阅读 >

2020
12-22

Vue实现手机号、验证码登录（60s禁用倒计时）

 最近在做一个Vue项目，前端通过手机号、验证码登录，获取验证码按钮需要设置60s倒计时（点击一次后，一分钟内不得再次点击）。先看一下效果图：输入正确格式的手机号码后，“获取验证码”按钮方可点击；点击“获取验证码”后，按钮进入60s倒计时，效果图如下：效果图已经有了，接下来就上代码吧！html<el-button@click="getCode()":class="{'disabled-style':getCodeBtnDisable}":disabled="getCodeBtnDisable">{{cod... 继续阅读 >

2020
09-29

Spring Security 实现短信验证码登录功能

之前文章都是基于用户名密码登录，第六章图形验证码登录其实还是用户名密码登录，只不过多了一层图形验证码校验而已；SpringSecurity默认提供的认证流程就是用户名密码登录，整个流程都已经固定了，虽然提供了一些接口扩展，但是有些时候我们就需要有自己特殊的身份认证逻辑，比如用短信验证码登录，它和用户名密码登录的逻辑是不一样的，这时候就需要重新写一套身份认证逻辑。开发短信验证码接口获取验证码短信验证码的发送获取... 继续阅读 >