00:00
没问题了,下面呢,我们需要去实现一个动态组件,对不对,那实现动态组件这里面比较麻烦的一个东西是它。是这个天气预报信息的这个东西,先把这个男的是攻克其他的就好搞了啊,那首先我们就知道这个接口是一个什么样的接口,是不是来这个接口呢?我已经写在文档里面了,大家直接用就行。来说一下,这里面呢,是百度地图提供那个天气预报的接口,就这样的一个接口地址在我们的POS里面呢,也有已经添加好了。来它是一个get请求,请求参数呢,有这么一些,那当然这个值。是要发生改变的,是不同的位置是不是啊,这一个是固定的,就是给我的是一个什么数据阶层数据,那这个值啊,这个所以说你得先注册一个,注册一个那个就是百度地图的应用啊,成为他的开发者啊,正面就免就暂暂时就不做了,大家就直接用这个,因为你只要注册好的话,就给你分配一个标识的字符串,这个标识字符串呢,就已经有了啊,我们直接用它就行了,我们主要这一次想念的是一个接身T的一个处理。
01:19
啊,好大块,我们去请求。现在我是发家请求吗?是吗?不是啊,我发了一个普通的去请求,这个不是没有不会存在发异问题的啊,他也正常给我反回的数据对不对,但是如果我发一个家庭优先这么去处理,那他就会有问题,因为有判域嘛,而他提供的实现的方法是他同时提供了接层P的处理,也他后台做了一些处理,能支持接层P的请求。现在是不是返回了相关的数据?对吧,把它的相关数据呢,换成阶层,这里面实际上啊,我们应该去找哪个信息,大家注意观察一下。
02:06
啊,这里面这个什么意思啊。这个状态就说明了是成功吧。能看到吧,这是这个日期,这个是我们的一个结果,在结果里面我们应该去找哪个呢?这前面好像都不是应该找这个。他好像是后面几天的一个天气预报吧,然后我们应该要哪个。是不是数组的第一个也是今天的对不对,要看到哪几个信息了。是不是当前的这一个。是不是天气的图片图标,以及这个Y角的文本,是不是需要这两个信息能听到,不好来啊,大概知道一下下面。我们要说我们如何去发一个接生批的请求呢?当然我可以用原生的语法去写,但是没必要我们这里说我们会用到一个库。
03:03
就叫接生僻,那我想找这个库啊,去给他上找一下,因为这是个比较小的库啊接生僻。这个小的插件啊,来叫他。那这里面就有一些说明,当然首先我们是不是要去下载它。那看一下我们当前应用有没有下载啊,需要去看一下啊,就看一下它有没有下载就行,找一下看看我们有没有接线,有吗?有是不是,那下面就要看它提供了什么语法,我们去用是不是。来这个地方,它提供了一个什么?什么类型数据是不是提供了一个函数?这个函数,嗯,是用的promise的编码风格吗?不是,是用的纯回调函数的写法,你看这三个传出一个什么。回调函数第一个是不是传个例子。
04:00
第二个谈的是什么啊?这个opts实际上是一个单词的简写,叫options。我前面说过,Option是代表什么呢?选项对象。它的里面有很多个什么选项属性。领了吧,我们配置对象是不是说过一个事情,配置对象跟一般对象的区别在哪里?属性名是一些什么特定的名字对不对?啊OK,那下面呢,我们就要用它去写,这个时候我们最好将这个接口啊,封装成一个接口请求函数,也就是说最终我们应该在index里面去写一个。来请求写一个什么呢?叫啊天气啊接生P请求接个的接生P请求的接口请求函数,那这个时候我们不能用它了,不能用谁呢?不能用它了。
05:07
他的发不是个阶层引流啊,得用这个,我们自己去引入谁了,是不是引入接收器,它是一个函数吧,它本身也是函数,对不对?我要对它进行一个包装,我们应用的所有记录是不是都要返回一个promise,所以要对它进行一个包装来试一下看好了,Export constant req,我们是不获取天气信息了,这到可以吧。那我们也就调用这个函数,最终是要发接生P请求的,那我就可以调用垂去。哎,少了一个,少了一个。字母叫接成P是吧,括号好看,还些什么?我们先这么写一下,先写一写,等会我们再来完善。
06:05
第一个产个什么UR,是不是要准备一个ul啊,来这个URL了,看好了是这样一个例子,找出来看下C。这个时候要注意啊,有一个事情什么事情呢?我的这里面有一个location,这个location是不是要指定一个特定的地址。这个例子不由我来制定。外部是不是得告诉我?听懂吧,那所以我要接受什么?这能听到不,那我这里面就传一个什么ul,接着还要传一个什么,还有一个第二个参数是一个看一下文档。是一个配置对象吧,在这个配置里面有一个有一个东西,比如说这个。
07:00
配什么呢?它这个里面是指定那个回调函数的名字,默认是一个什么呢?可以配可以不配,其实它这里面有一个说明的包含这个他妈是。是不是有一个请求,一个超时的时间默认是多少了。六六秒钟60秒吧,60秒对吧,能懂不?说实话这个东西啊,它都有问值一般我们可以是吗?说实话就几个空的都行,能听到不。你要都用他的什么默认的。能听到吧,第三个是什么。来看一下呗,第三个是个FN括是什么东西啊。回调函数对不对?而这个回调函数有哪些参数?两个一个叫一个叫什么?对这个如果有只说明失败了吧,如果没有说明成功了吧,而这个是成功的什么,是不是数据。
08:06
听懂了吧,那也就是说我这个地方应该这么写,写一个箭头回调函数,接收两个参数I啊,以及什么data,那我可以在这里面先暂时,因为我也不知道什么情况嘛,所以我先干嘛,先打印输出看一下吧,可以不,我也先看一下呗。那么你我也先不搞什么promise,我直接就干嘛呢去调它就在这里调,写一个什么北京。能看到,当然我们的这个函数还没定好啊,先只是测试一下,看看是个什么情况,这个date到底什么,这个date我先告诉他,就其实是这一个数据。就这。这不就是返回的结果数据吗?听懂了吧?来,我们来看一下。
09:02
很简单,看一下打印输出就可以。这不是我们说明我们的建设地请求已经返回了吗?第一个是段说明有错吗?没有错,接着对是什么?是不是一个对象?这一个数据结构跟我们刚才用TP用用这个post请求的数据结构是什么一样,就是这个响应数据吧。能听到吧?那我们需要从响应数据里面取出哪些数据呢?那这个时候我们要想取出正确数据,其实先要得判断,也就我怎么知道,因为请求这个时候是不是发一个接生P请求进来啊,发送什么接生P请求听懂不?而这个时候。是不是有可能成功,有可能什么,如果成功了干嘛,是不是如果失败了干嘛。
10:04
听懂了吧,好,我怎么知道成功了呢?看好了,我写一写,看看懂不懂,首先我这个L应该要没有值。对对不对,还有一个最好还要写个。就这个。就是这个date点它最好最好应该是个什么success这样一个状态,对不对,那这个时候我就可能从这里面取我想要的数据吧。去哪个数据呢?看着结构写啊,看着结构写对点点什么呢?首先是不是要点result是吧,记住啊点results接着来。它里面是不是就一个元素数据中心一个元素,取这个元素对象的哪个属性呢。是不是它,那也就是说这个名校的是个是个数组吧,取它是什么。
11:03
零它是个对象嘛,取这个对象的这一个属性嘛,而这个属性的值又是什么类型数组,而我取数组的第几个元素,第一个,那你就下面为几,下面为零,这个返回这个对象了,而这个对象里面有两个数据,我需要一个是这个属性,一个是这个属性对不对,我可不可以进行解构来读取我想要的两个一个他对不对,我也懒得自己写了一个这个。对吧,等于它。是不是这是得到我想要的数据了?取出需要的数据对不对?这能听懂吧?Else就是什么,是不是失败了?
12:00
能听到吧,可以吧,可以好,那可以下面就说一个事情了,我。这个地方。不能自已就在这里把数据处理了,你得想办法把数据交出去,是不是交到组件里面去,这个时候得说一个事情,我们所有的接口进行函数都要返回的是个什么对象,Promise对象。而我现在是吗?不是,那我得这么写,怎么写的?又一个什么promise是不是?接着传一个包含reserve和什么reject的同步密集之间的回答函数是不是?能听到不接着是不是在这个地方把它什么哎。拖到我们的这一个执行器函数里面去,是不是对。听懂了吧,而这里面成功了,取出数据以后,接着我应该去调用什么呀,这个产品已经应该比较熟悉了吧,加了之后来确定成功,并且指定成功的数据对不对,我们成功的数据是不是指定这两个数据就可以。
13:16
外部需要嘛,别的数据他也不需要给他塞过去也没意义嘛,是不是听懂不而这个失败了,失败了是掉入一件什么不是我们是不是要统一的处理错误来着啊,那我应该怎么写,可以用利用那个message点什么就获取天气信息,失败这能懂吧,啊能懂好当然这里面没有引入message。需要干嘛?来这个地方是我的。
14:04
那这样我们这个接口性函数是不是写好了。那后面我们是不是可以去用它了。这能听到吧,来啊。
我来说两句