2020-09-12

我的思路

• [1] 注意看那个参数说明里面的代码示例，基本告诉前端应该怎么写了。

• [2] 注意压缩包下面的Link目录，提供了界面的样式

• [3] 需要写的代码在如下几点

  • 在界面初始化的时候（刚刚载入界面以及刷新界面需要写逻辑）
    • 载入界面时要判断是否已经登录鉴权了（authentic的状态）
    • 如果未载入则需要创建登录实例 quickLogin.create()
    • 刷新界面的逻辑我暂时没想到
  • 在点击发送验证码的时候需要代码逻辑
    • 1. 写一个公用的check函数，第一步check手机号是否合法，这里推荐正则表达式匹配输入是否为数字以及check输入长度
         if true then do [2]
         else 弹出提示
    • 2. 需要判断当前是否需要显示图片验证码，也就是说点击发送短信的时候可能需要显示图片验证码
    • 3. 如果需要加载验证码，则调用后端的api
      • instance.getCaptchaUrl()
      • 判断验证码输入的合法性，对于图片验证码只判长度合法即可，因为是由后端来校验输入是否正确的。
        if 合法 继续下一步
        else 弹出提示
    • 4. 输入完图片验证码之后则可以点击发送验证码按钮，做一个button监听 然后调用后端接口 instance.sendSMSCode(option)
      • 校验短信验证码的合法性，也是只判断长度即可
        如果合法则等待后端回调 调用后端接口instance.login(option)
        如果不合法则弹出提示
    • 5. 后端回调
      • 合法 则流程结束
      • 不合法则弹出提示，返回到初始界面，并包留用户手机号