00:01
啊来下面我们看下一个这啊动态一次短信验证码。首先我跟大家简单的去。介绍一下短信验证码这个事情啊。就是有一个第三方的平台,其实也不止一家啊,这是我选择了一个叫农联云通信。大家也可以用,大家要做的事情很简单,注册一个账号并登录,注意啊,注册账号的时候,它是通过语音提示那个验证码,所以大家手机响了不要害怕,你接一下他就会给你报一个语音号码啊,你就输入那个对应的号码就行,因为他实际上也是推广他的一个服务嘛啊。呃,需要登录上啊。注册登录以后呢,他应该会送你几块钱啊,那几块钱呢,就能就就能用了,13716962779,嗯,一条就是他提供的短信服务,一条也就几分钱,4545分钱吧。
01:20
应该不会算一毛二,肯定是几分钱。啊,我的一个八块钱用了两三年终于用完了啊,就今年今年可能来了以后充了100块钱,你看这这已经用了好几个班了,这才用了多少钱,因为他我跟你说还不是我花的,有的同学是有的同学花的,他直接我把代码给你了,有的同学就直接运行就发,直接发到我的手机上了,我时不时的就收到收到短信,特别有意思啊,就钱就这么花了,是我一个班也就发了一条了,昨昨天还有同学给我,我不知道是谁啊,是谁我就不去找了啊,这反正就是几分钱的事啊,也没多少钱。
02:16
呃,大家要登注册上以后呢,他应该会给你八块钱啊,或者几块钱的,这个要注意啊,每个人注册上以后,登录上以后都会分配一些信息,这个信息呢,是用于发请求用的啊,用于发请求用的啊,包括你的什么账号ID啊,授权的令牌啊,什么一个,呃,最终请求这个熔岩云通信的一个地址啊。以及你的应用的ID。啊,这些都有用啊,但是这些代码不需要大家写啊,是后台写的。嗯,这边要注意大家需要去做一件事情,做个什么事了。添加测试号码。就是并不是所有号码都来用来拿来测试的,我现在来说只能我这个号码,嗯,前面两个号码应该是前面班的,已经不知道是谁了,反正就是前面班的同学,应该是啊,这个是我的。
03:13
基本上大家需要添加一到两个号码就行。这种的吧,一定要添加号码,你要不添加号码是没法用的。好,大家整好以后啊,它其实它也有对应的,你看有对应的什么,看文档。要跟这个平台去对接啊,但看文档呢,我们现在用的是。短信的,他们看他有语音的对不对啊。来这里面就会有一些什么呢,你看这个地方啊,它有一个有一些说明,这个大家自己可以去看啊,还有什么短信发送的接口,这就是一个,这实际上是个接口文档。当前这个是个在线的接口,文档这个接口呢是比较复杂的。
04:02
真正啊这个接口文档接口有两种,一种是应用级的接口,一种是平台级的。就提供服务的平台,他们的接口肯定要复杂很多,因为当前这个相当于就是平台级的接口,而我们平常用的是什么?应用级的,应用级的接口一般都比较简单,那就是它的一个描述,描述的就是你的地址是多少,请求应该怎么包含哪些信息,响应是一个什么格式等等,好最后呢,还有提供了一些什么。啊,提供了一些DEMO。但是后来看了一下,这个代码里面就没有GS的版本。啊,你看有pap的看到了吗?啊有Java的也有啊,还有Python啊,我记得没错的话,好像有啊来,但是呢,就没有GS的。如果有DEMO的话,其实就很轻松。
05:00
把那代码拿下来,稍微修改一下,改成你的相关信息就可以用,但就是没有,没有怎么办呢?没有,就你就是要根据结果文档去写了。我记得没错的话,那个时候我我一个人就是这样写写写写了两三个小时,最后终于通了,等到我快放弃的时候,一不小心就通了啊,其实还挺费劲的,它里面的要准备的数据特别复杂,而且有些时候你开始看文的时候,文档说的并不一定说那么清楚,你要有个推测。啊,你推测的时候呢,你还有几种可能性,你要一个一个试,可能一种是对的啊,另外几种呢,是错误的。那最后呢,就写好了一个,看一下那个后台的。U,这里面有一个SS就是短信嘛。啊,就是发生短信的一个工具的一个模块啊,这里面实际上我提供了两个函数啊,向外暴露了两个函数,一个是random code,干嘛呢。
06:04
生成一个随机的验证码。而且是六位的啊,这个可以直接位数。嗯。下面这个才是真正的就发请求了,好,大家要做的话,大家应该怎么做呢?你们注册登录以后不应该会分配一些信息吗?刚才不有四个信息对不对啊,本来四个信息有第一个,第二个和第三个咱们都不一样。第三个都是一样的,固定的一个基础路径,这是固定的。前面三个得换成你的,记住啊,换成你的啊,主要是什么?我不是担心我花钱,是因为你又看不到,懂我意思吧,最终把短信发给我了,你看不见呢,对不对。啊,所以换成你的你的手机就能收到那个验证码短信,就能收到验证码短信啊,是可以收到的,前面咱不也说过了吗。
07:04
啊,就这里面需要改啊,记住先添加测试号码。再修改这一个对应的改就行,其他的都不用动啊,这个里面呢,实际上是看到我干嘛去了,准备请求的ul准备什么呢?请求体那明显是个POS的请求,对吧。好啊,准备请求头啊,这里面还要去指定一些请求头,最后干嘛去发请求啊,并获取返回的数据,我返回的数据呢,它这边有一个玻璃,这玻璃里面有个属性,这都是文档里面告诉我的啊,如果这个属性值,如果这个属性值是六个零,那就代表是成功的,大家看文档里面其实有写。它有响应数据的。哎,请求体在下面啊呃,这个我过去了吗?2.1.5这点不到是吗?啊响应。
08:06
还划不下去,感觉来看一下,这里面应该是有一个,是不是六个零代表成功啊,文档还跟以前不太一样了。先看了吧,啊,那也就是说我要去比较它必须是六个零啊。才能代表成功啊,成功以后我的我就会给其实还有一些路由的一些处理啊。这个是用户密码登录,这是我开不起来,这一个是剩的扣子,哎,就这一个吗。大家概这个就是他返回我的这一个success,有可能为真就代表成功了,为force代表失败了。啊,如果成功了,我是不返回的,这个对象,对象里面有扣的为零,看到吗?那如果失败了,我是不返回的,扣的为是吗?
09:02
唯一有一个message,这个message是不是到时候可以提示的呀。如果失败了的话呢,对吧,这个能不能懂,能懂啊行。那整体呢,就是这样一个情况。那下面呢,下面啊,下面我们要去在前台去发请求,对不对,去发请求来。正常情况下,我们说我们的加请求写在哪个位置,发请求代码是不是写在action里面对吧,但这一次啊,这一次我们会直接在这一个登录的这个路由组件里面。去引入我的接口信息函数,说白了就是在直接在路由组件里面。去发请求啊,为什么这么做呢?主要是我们这个发请求最后会有一个成功失败的一个一个相关的一个情况处理啊,我们在这边方便一点啊,这种方式也念一下,就是我们前面念过在action里面发请求嘛,这是一种方式,再一种呢是也有可能在项目里面,也有可能在组件里面发请求,这个别忘了,搞得最后这种方式都不会写了,就不好了。
10:19
能不能好?来我们来看一下啊,那我们要发请求,我们就得引入哪一个函数啊。啊,叫IQ什么。S aota吧。是吧,那其实我们可以将我们当前登录相关的所有的接口情形函数是不是都可以引入?这不发请求的,发那个短信的,这个是密码登录的,这个是什么短信登录的啊,我们当前。就需要这三个,这个不需要这个不是在这个组件。这个不懂,那我们需要把这三个是不是都引入进来。
11:00
来啊,在我们的组件里面先引入怎么用啊,点点点点斜杠,接着是我们的API够了。下面啊,有三个技术性IQ写上有send code,这是我们马上用的,还有我们后面用的两种登录的方式,一种是短信登录。还有一种是什么密码登录这个能看懂能是吧,那能看到下面啊,进入到我们的这个获取验证码。看到吗?在这个if里面,在这里面前面我们干了个什么事。是不是启动倒计时,那启动倒计时的同时。干嘛去?是不是要发送请求发短信去,那也就是说很简单,我们需要去调用谁去IQ。
12:07
的传风,我的呢?我有没有phone,有时间什么phone是吧,这个时候我是不是想需要去立马啊,在左边得到那个结果数据啊。真的不要想这样能够得到结果数据,本来他返回的可不是结果,不是伪造的,而是什么。Promise,对不对?那这个时候得用什么去wait,你看用起来还是很方便的,就是go to告诉我需要在这个函数定义的左侧写上什么AS就得了。能看到吧,那怎么处理这个结果呢?这个结果如果他两种情况,一种正常的,一种是不正常,说白了成功了或者失败了是成功了,没什么东西。
13:06
那什么?重点是失败了,要有动静。那什么叫有动静呢?就有提示对不对,那我怎么知道他失败了呢。等等于一。对吧,如果他等等于是不是失败了,失败了我就干嘛去,是不是显示提示,除了显示提示还要干嘛,知道不。对,还有停止倒计时对吧。听到不好,来做吧,显示提示其实是要更新两个状态吧?Z,诶,这好像有个方法是不显示这个提示,this.should at。显示什么内容呢?姐,哎,我们是不是没有data,当扣为一的时候,不是data。
14:08
对吧,我们可以看一下啊,看一下我们那个短信验证码的。嗯。发短信验证码,大家看一下有成功的,有失败的,失败的有个什么message,那就是message,试一试吧,好,那下面倒计时。停止倒计时这个地方啊,停止倒得首先得劝他是不是还在倒计时,他可能已经停掉了。懂我意思不啊,其实非常简单,If什么this computer time为真就大于零嘛。说明它肯定还是倒计时,那我要把它复制为几,复制为零对不对,还有呢,是不是叫clear特,关键我需要有一个什么特ID。
15:10
我有吗?我看到吗?看不到怎么办?是不是把它复制给this啊,This点是不是看到我这里也写什么this点,那下面我们是不是直接写this点特或ID。能看到吧,能不能。啊,就这么简单嘛,是不是好,其实最好还要做件事情最好。嗯,它的这个值不知道是个数值还是个什么啊,如果是个数值的话。嗯,我没去看它是个是个什么,好像是个number是吧,是个number,是个number,其实也没什么,你复制为零和补稿就是都没有什么太阳,或者负责案例办案的给他去掉都行,这都没关系。
16:04
啊,这个第三步到你做不做没有太大影响,因为就是个数值嘛,没什么太大影响。因为我已经把他坑了是吧。能看到吧,能看到吧,好。那这样的话啊,就能够去啊发一下信息,我们去确认一下,看一下啊看行不行。先确定一下这个啊,这个大家注意,我的后台会有一些打印输出的,到时候后台会有一个打印,我发的那个验证码是多少,这有打印输出,到时候能看到,也就是说其实大家要收不到手机短信也是可以用的。啊,大家只要后台看一下就能知道发的是什么验证码。来啊,试一下对不对。啊13726962779,来先来个正常的啊。走这边不启动倒计时了嘛,那启动倒计时后,呃,我也不用看手机啊,其实也可以去直接去看我们的这个后台。
17:11
大家看一下啊,多少875215能看到吧,啊就是871来写一下什么。875215,那这个后面的关系,后面没做啊,对不对,后面是不是得继续往下做去登录啊,这个应该能懂的啊,那如果说诶我们现在搞一个有问题的。啊搞有问题了,我就我能发短信的手机号就那么几个,我搞个别的估计他就不能成功。比如随便哪一个可以吧,那随便来一个,现在我去干嘛去。看到了吧。能不能看到啊,这就有问题嘛,是吧,刚才说立马停下来了。
18:01
你看怎么刚才没看到啊。你没看到。看到了吗?是不是也形象了?就这么回事。因为我的手机号,因为能发的就那几个,他发不过去,它就自然给你一个返回数据了嘛,我们现在也可以看这network。打开。能不能看到开始我这个成功的。是不是可以?就那种吧。那也就是说现在啊,我的短信验证码的这个事情是没什么太大问题的啊,是可以用啊,那后面我们就再继续往下做啊这个。
我来说两句