本书未发布

5.3. 获取手机短信验证码

获取手机验证码

接着上一节,我们已经获取了图片验证码,现在需要输入正确的验证码,给目标手机发送短信验证码。

修改代码

用户输入图片验证码需要依次执行如下逻辑:

  1. 判断用户是否输入验证码,没有输入给出提示;
  2. 我们已经存储了图片验证码的有效期,如果验证码已经过期则重置整个流程;
  3. 用户输入验证码后,请求接口,验证码错误提示用户,并自动重新获取一个验证码图片;
  4. 输入正确的验证码后,记录下来短信验证码相关的信息。

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.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 5

fourn
本章关于图片验证码过期时间验证需要注意的一个问题
0 个点赞 | 4 个回复 | 分享 | 课程版本 5.5
andy-love-coding
this.resetRegister () 这个函数在哪定义的呀?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
Flourishing
老师,为什么我一直报这个错误.
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
lianglunzhong
请问如何在微信开发者工具中修改数据的过期时间?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5