L04 Laravel 教程 - 微信小程序从零到发布5.3. 获取手机短信验证码
获取手机验证码
接着上一节，我们已经获取了图片验证码，现在需要输入正确的验证码，给目标手机发送短信验证码。
修改代码
用户输入图片验证码需要依次执行如下逻辑：
- 判断用户是否输入验证码，没有输入给出提示；
- 我们已经存储了图片验证码的有效期，如果验证码已经过期则重置整个流程；
- 用户输入验证码后，请求接口，验证码错误提示用户，并自动重新获取一个验证码图片；
- 输入正确的验证码后，记录下来短信验证码相关的信息。
src/pages/auth/register.wpy
.
.
.
data = {
.
.
.
// 表单错误
errors: {},
// 短信验证码 key 及过期时间
verificationCode: {}
}
// 重置注册流程，初始化 data 数据
resetRegister() {
this.captchaModalHidden = true
this.phoneDisabled = false
this.captcha = {}
this.verificationCode = {}
this.errors = {}
}
.
.
.
methods = {
.
.
.
// 响应获取图片验证...
关于 LearnKu
粤公网安备 44030502004330号