00:00
好,我大家行不行可以好,那我们接下来来啊来接下来来看我们呢,接下来将我们剩下的功能把它完善掉啊,最终呢,我们的公众号就会出来了啊好,这里面还有什么需要完成的呢?我们看首先第一个啊,第一个就是我们这里面有个网址,来看我们呢,前面为了测试的时候呢,我们写了个网址啊,这个网址啊。它是不是我们自己的一个局域网的网址啊,那肯定不行的,他呢要想所有人都能访问到的话呢,我就必须要写那个我启动的nro的这个网址是不是好,要想放这个网址,那这时候就会有这样的问题,当我每次更改RO的时候,这个网址是不是会发生变化,那么对应的我这里是不是也要换啊,那这样就会太麻烦了,所以说呢,我们怎么去处理呢?我们是不是不想每次都去更改这个地址啊,那么这个地址就应该。
01:02
作为一个变量是不是传递进来啊,那每次他改的时候,我们大家想我们改这个公众号地址的时候,我们一般改哪里。在conve index里面是不是改这个地址啊,我就想改这个地址,然后其他的地方,比方说我菜单里面用到了是不是,然后什么回复的时候,如果用上了,还有我这个movies这个文件中用上了,那么你们全部都给改回来,是不是我不想一个人改了那么好,那咱们要想这里面传入这个变量,我们应该在哪里设置。在哪里进行设置呢?我呢待会说实话就是想这样啊,就想诶首先大家注意,就是因为我这个网址来看啊,是不是没有这个下划线,没有那个少个杠了,是不是,那么我这里呢,就得保留一个杠是不是,然后呢,待会呢,我想学个这样的结果啊。
02:01
千括号百分号等于号,然后在这里我就写个ul是不是,那我就希望呢,待会呢,你就把这个ul是不是给我传进来啊,那我该在哪里进行传呢。啊,是不是就在我们的路由中啊,是不是我们在路由中我们渲染的时候只渲染一个data塔数据,这德塔是不是只有电影的数据啊,那现在呢,我们又多了一个参数啊,是不是要将这个服务器的地址是不是也需要进来啊,那还差一个ul,那么对应的我们要找到我们的路由啊,找到路由找到我们的。Movie是不是好,这时候呢,我们除了渲染这个data塔呢,我们还渲染一个参数叫做ul,好现在呢,有没有ul呢?没有,所以说我们要引入,看下有没有引入,没有引入的话呢,我们再接下来写吧,有啊,是不是U有啊,哎,有的话我是不是不用再写了,他就会渲染进来,那我这里就处理好了,是不是好,这是第一步,好,第二步呢,我们来回的同学来看一下我们的回复这里啊,回复这里呢,我们说回复首页的时候,是不是希望用户能够看到我的硅谷电影公众号的首页啊好,那么在这里呢,我们想一想,我们应该回复一个什么东西给他。
03:18
现在肯定不能是一个这样的落地成盒了,是不是我们应该回复一个东西给他回复什么呢?啥呢?咱们应该来想,这功能其实就是这样,我回复一个东西,用户呢,根据这个东西是不是能够找到这个网址啊,那我就回复给什么给他。有多种方式啊,比方说我可以回复一个是不是直接把ul塞给他,那么他是不是点击这个ul就可跳转啊,好,这是这一个,然后一个另外一个呢,可能更好的一个方式呢,我可以回复一个。啊,图文消息给他,这时候呢,会有一个图片,图片呢,我们可以放我们的logo图片,是不是还有一个简介啊,然后他点进去这个图文列表的时候,是不是就能够去跳转那我指定的网页啊,那我回复一个这样的图文列表给他,可能比较好一点,然后回复图文列表的话呢,我就要去设这些东西了。
04:15
首先呢,我要设置它的消息类型啊,应该是我的。News是不是我消息好,然后这个值呢,应该是个数组,因为我就一条消息,所以说我直接写是不是开头等于。外国电影。标题首页。好,这是咱们title,除了title之外呢,还有一个。Description描述是不是好描述?我们写什么呢?啊,这里有最新最新的电影。预告片啊,这里有最新的电影预告片,是不是好,然后最下面还有一个属性叫做。是我那个图片地址,好,这里咱是找片我们去啊,我们去我W点点。com去找一找,好这里面是不是log,我们键查一下,然后呢,发现这是这样的地址是不是,诶这个地址呢,我们拿着是没用的,我们需要找到network看下这里面它请求的这张图片,这地址在哪里啊。
05:27
来看下是哪个图片。嗯,说哎,它加载出来了啊,这是Python的些东西,刷新一下啊,再来一次好加载了大量的图片,是不是找看看有没有我们想要的图片往上翻啊。诶,咱这是不是这张图片好,这张图片的话,这里就会有我那个请求的地址了,是不是好请求地址呢?如果不放心的话呢,你还再测试一下是不是可以啊,可以的话呢,就把它放到这来,是不是好地址也有了,除了最后一个呢,叫做。
06:07
Ul点击这个图文消息跳转的这个链接是不是,诶,咱们要跳转的是不是就是我们那个。预告首页啊,所以说把这个地址CTRLCCTRLV把它改成。是不是movie改成movie就够了啊,那这时候呢,就会回复一个图文消息给我,然后我就会点进去看我的想看的页面了,是不是啊,就到这咱们呢,前面这些指定的一些内容呢就完成了啊,咱们呢在这里的设定的一些内容,我们看首页可以看热门,热门呢咱们一开始就实现了,后面呢也实现了文本和语音是不是,那今天呢,把我们的首页呢也全部给做好了啊,那到这呢,基本的功能都实现了,那现在呢,还差最后一个功能,就是咱们在定义菜单的时候。那你菜单的时候,我们在这里是不是有个语音识别的页面啊,诶这个呢,也是给大家昨天稍微写写了个小练习,我们呢要去把这个页面实现一下,好,这个页面呢,我呢也是提前呢给大家写好了,其实在发送页面中呢,这里有个色页面,是不是大家打开看一下啊,这个页面呢,其实一开始呢,也是比较简单的页面啊,当我点击的时候呢,它会以这种图文这种列表的方式展现你查找到的数据是不是,那咱们呢,把这个呃页面引入一下。
07:29
我们来写一写它啊,写一写它好,引入之后呢,我们把之前的这个ES里面写的内容把它粘过去啊,咱们是不是引入一个。下面是不是有个JS代码,把它全部给CTRLC粘过去啊,CTRLC然后放到我这个测试页面来。好,我们在之前的基础上呢去修改啊,之前的基础上修改好,粘完之后呢,我们再看一看有哪些需要改的。其他东西是不是都加上去了,其东西都加上去了,是不是待会我得去有一个这样的button塔按钮啊,ID是不是好,所以说呢,我们找一下这里面我们也应应该把它按掉。
08:12
它呢,是不是也是BTN啊,诶那就够了啊,那就够了,那么好,咱们呢,就可以这个文件之前的EGS文件就没必要了,我们呢,就把现在我们复制过来的文件呢,改成这个EGS文件,改成GS文件,好改成EGS文件之后呢,我们去写写它,写写它啊待会呢,我点击录音的时候,是不是要去发送请求啊,是不是来回过头来看一下啊,咱们呢,这里面写了。往下走啊,那这些测试开发的呢,我就不需要了,测试开发的不需要了啊,这些都可以注释掉,然后呢,当我点击的时候呢,他们会开始录音,最终到这是不是会返回给你录音的语音识别结果啊好,所以说你在这里面是不是要想向动漫去查询相应的电影信息,查询相应的地理信息,咱们之前是不是写过相应的方法,我们呢,在我们的类中是不是写过相应的方法,诶是不是访问当其这个网址啊,诶网址也有,好,但是呢,这个网址呢,你直接去发请求的话呢,你是拿不到想要的值的啊,这里呢,我们说一下啊。
09:22
也就是说咱们豆瓣这个API呢,他做了什么处理呢。他不允许。不允许他做同源策略是不是啊,不允许发育。不允许话,我们现在去请求的话呢,是不是就会产生话的问题啊,因为咱们的域名端口号跟我的豆瓣API是不一样的,是不是所以会产生发育,那这里呢,我们用什么解决呢。啊,使用JP去解决它是不是啊,使用JP去解决那么好,那使用JNP解决的话呢,我们这样啊,我们使用咱们的个方法去使用,大家来看一下的方法,那使用JA的方法的话呢,我还得引用一个JA的库是不是好,我们看一下。
10:12
我们去CDN上去找一个库。啊,Bos。好。找一个过。来,在这里。好,这里面呢,第一个就是这里是不是要这块啊点进去啊,点进去的话呢,我们可以找一个啊,其实这个三点几的文件就可以了,甚至呢,你可以找个瘦身版本的也没关系,因为瘦身版本的也有我们想要的东西啊好我们比方说找一个这个版本看一下行不行啊,找个命的文件是不是放到这里来,是不是可以了,好怎么去使用,最后率去发送请求呢,我们看。来到这里去发送。
11:02
Dress b请求啊,这里呢,我要发送一个B的一个方式的请求啊。使用币去进行发育。好来看一下怎么写啊,这多乐福点get JS一个方法,另一个地址就传一个ul地址,好传UR地址呢,这时候呢,你要把你的参数呢给我写好了,参数写好了,他说你要写来什么参数呢?首先咱们加B,这就说了,咱们定应的请求地址要加上一个call back,回电函数是不是要加上一个call back,而在这里面它怎么说呢?哎,它呢只需要你call back的一个问号就可以了,这个问号呢,它待会呢会帮你处理好,这个方法呢会帮你处理好,最终呢,这个方法这里有个回调函数,是不是有回调函数啊,它呢会默认将这个回调函数呢,把你把这个名称呢补充在这,所以说呢,你不用去处理它,你只要写个问号就够了,好,除了这个问号以外呢,我这算还得详细内容。
12:06
N呢,是不是还有查询的相关内容啊,还QQ查询内容,查询内容呢,就是我这个RE点。Translate result是不是来就加上它好加上它,那加上它之后呢,我是不是待会会发送一个just b的跨语请求,好发送这个请求之后呢,你在这里面就能拿到你想要的所有的请求数据,设置可答,你看一看,你拿到所有的请求数据,然后呢,我们接下来呢,就得拿到数据之后啊,你得去。就显示在页面上啊,你要把你获取的数据显示在页面上,那我们呢,来往上走啊,上面呢,有一些相应的格式。来看下面呢,我们写了四个例子啊,咱们呢就拿取其中一个去看一下,待会呢,我们是不是往这个ul里面塞东西啊,好把这个LY给CTRL键点空去。
13:02
剪贴到我们这来啊,待会儿呢,我们就得去获取这个。首先我们定一个字符串,待会是不是要拼串啊,我要拼起来定一个空的字符串,然后呢,想办法遍这个请求回来的这个数据,德塔数据是不是比如用for each进行编辑,因为待会他请求回来的东西呢,会有多个啊,它呢,最终返回一个对象给我,是不是,而这对象里面有什么呢?哎,大家还记得吗?里面有个subject还记得吗?我们来看一下啊,我们那比方说访问一个黑客地膜。好来看我这里面是不是关键就看这个subject啊,我要看这个subject,所以说呢,在这里面呢,我就是这样去可以判断一下啊,首先拿到有了这个泰塔之后啊,我要判断一下一个东西。同样的,跟我们之前那样处理一下。如果在塔点杀。
14:01
存在,并且呢,它有长度,是不是我就处理啊,如果没有长度的话呢,我到时候再返回给用户一个错误,说暂时没有相关的电影信息,是不是我在这里呢?就一个应该是暂时没有相关的电影信息,是不是好,如果失败了就暂时返回这个,如果成功的话呢,我就做下面这些处理。好,我看一下那个是不是被我剪贴掉了,好待会呢,还得找我那个页面是不是啊,待会来看吧,待会去那个文件上去复制啊好在这里面呢,是不是要去for each遍历了,For each遍历了遍利呢,是我这个subject,是不是subject for each遍利这里面呢,就会有这个。Item对不对,然后呢,我无非就是将这个HTML呢,想办法加等于某个值,是不是加等于某个值好用模板字符串,那我继续拼。然后呢,最后呢,得到了这个HTML呢,我是不是要去想办法展示在页面上,那我就是动作福找到了我这个例子这个ul组件,然后呢,再到它里面呢,去塞我这个HTL代码,是不是塞这个HTL代码,那在这呢,我就要先把这个串给它拼好,是不是它给拼好好显示在页面上之后呢,还得去做这个分享功能。
15:24
分享功能是不是就是下面这个功能啊,把它CTRL是不是可以直接拿上去,把这是分享,然后呢是置分享呢,我到时候可以设置相应的一些回复的内容,是不是待会再来设置啊好在这呢,我就要去想办法处理好这个东西,好到时候要去拼的东西到底是什么,我们呢,把这个文件再拿过来一下CTRLC。也给大家放在这里面吧,CTRL1啊,这个文件在这,我们呢,待会呢就去把这个拼一下,一共呢是这个所有的找一个LY,是不是就后了一个LY,然后呢,来到我的测试页面。
16:01
然后在这里面粘过去,好,粘过去之后呢,把这个格式稍微调一调啊。好,大概是这个样子是不是好,我们接下来呢,继续把里面的内容给填完整,这里是我的图片的地址,是不是,那我就不能放这个了,我就应该放我的。多少符?大括号是不是I怎么的?海报图images,它这里是images里面有小中大图是不是,那咱们呢,因为是移动端,咱们就要小图就可以了,Small是不是好,这里是不是放那个电影的标题啊,然后就动了符大框,Item点抬头是不是item点抬头,然后再往前走,这边没有什么要改的,然后再往下走,下面呢,是不是这里也要显示这个抬头,At等抬头,然后这里是不是显示这个平方啊。的。啊,Writing看下是不是writing啊,是不是writing writing里面的average平均值是不是啊,咱们在这里呢,还得点这个L值平均值好,到这呢,是不是最终会把我这些串给我拼好啊,给我拼好啊好拼好之后呢,我就把它显示在页面上,最后呢,在这里再返回好咱们分享的标题呢,咱们这样写啊,咱们呢,就默认找第一条就好了。
17:23
找这里面的数据的。第一条是取,取零点。竖开头第一条,然后它的描述呢,我们就写它的评分吧,比方说它的评分为。同样的用这个模板字符串去拼啊,多少符打括号这个东西点。Writing是不是writing好,这里是不是到时候分享的那个用户点击的时候要跳转的连接啊,那这个连接呢,我们就跳转到动瓣的那个地址,比方说它呢,应该是这里面的一个叫做LT的这个属性啊,要注意这里面的你要写这个模板字符串才行。
18:11
啊,甚至不用写模板字上直接写这个变量是不是,直接写这个变量是不是就够了,那下面呢,是不是这个图片的地址啊,分享的图标,那这个地址呢,同样的是。咱们找到这个地址下面的。Images下面的small是不是小图片就可以了啊好,到这呢,咱们就给写好了,给写好了,那这里面呢,就是当分享的时候呢,我会发送一个JP请求,然后对应的去请求相应的东西,然后呢,请求完之后呢,会将更些数据,它到底有没有是不是如果有的话呢,我是不是显示在页面上啊,如果没有我就allow一个只是说啊没有相关的电影信息啊,有的话呢,我需要把这个数据呢展示在页面上,那在这里呢,做一层编利,然后拼创,最终呢显示在我这个需要显示的这个组件面,然后最后呢,再做一个分享功能是不是好,那咱们呢,来看一下到底靠不靠谱啊好,这里面呢,我们使用的微信的相关功能,我们在这里面去调试啊,在这里面调试好,调试之前呢,我还是要把我的这个。
19:21
相关的配置你要改一改啊,来这个地址呢,我复制一份CTRLC,看看有没有改过。CR1是不是改好,把地址改好之后呢,我把这个服务器运行一下,服务器运行一下。好服务器运行之后呢,我在这里面还得改一个东西,咱们来开始开发接口测试申请打开我的这个进入这个介绍,测试测试闹钟,然后呢,我去扫一下码。好,咱们这网速好像不够快啊,可能待会儿呢,他请求的速度会非常慢啊,因为咱们访问这个网页是不是特别卡啊,特别卡。
20:06
好了,再刷新一下。好,登录一下啊。登录呢,扫一下码,然后在这里面的这两个网址呢,也得修改啊。好,这里面的网址呢,也得改,咱们呢要修改这个网址,CTRLV提交啊,前面呢多了一个空格,前面多了空格删掉诶。前面都是空格,哎,这是什么情况。好,删掉提交可能要提交几次啊好,我把这个服务器呢,再开一次,重启一下。Stop in return。好看一下是不是找到了对应的APP啊,没问题,然后呢,再提交好成功了是不是,然后下面这个地址呢,也得改。
21:03
好OK,改完之后呢,我们再重启一下,然后呢,接着呢,在这里面去访问我们的这个search页面啊,我们要访问的是search。刷新。啊,其实呢,这里已经来到了啊,已经打印了,说明呢,他已经访问到前路有诶是不是来了,来了之后呢,看到log啊,只有他的印这个为OK的时候呢,才是OK的啊,才是OK的,那么咱们来点击在这里呢,我们录不了音,所以说只有个模拟调试的结果啊,那最终呢,它会返回一个模拟调试结果,然后呢,会去想办法去呃访问你的请求,是不是他多伏点get dress不是一个方式,那我们看一下这个,这会有没有加载进来啊。这分库是不是加在这了,嗯,他是不是把我的阿贾克斯的方法给移除掉了,那应该是把我的阿克斯的方法给移除掉了,所以说我应该找一个找一个全部的,是不是找这个找这个全部的才行啊,复制这个链接,然后呢,我们看一下,把这个地址替换一下。
22:12
他呢,将我们这个阿贾克斯的这一块呢,也给移出了,也说这个授权版本呢,它移出了很多东西啊好,然后再来一次,这时候呢,我只改这个地址的话呢,不用重启服务器,再刷新一下页面。好,此时请求的库文件已经不一样了,是不是你就不一样的再来一次啊,点击开始录音,再点击呢,它会有模拟调试结果,诶这时候是不是返回这个响应了啊就行了啊,那这因为呢,它只是个模拟调试结果啊,但是呢,在我们的公众号上呢,那肯定是没有问题的啊,那到这呢,咱们呢,就将这些功能呢,全部一个个给实现了,已经实现了啊,到了最后呢,就已经完成掉了,咱们能够看到的所有的功能啊,就完成了啊好,那咱们呢请一下。
我来说两句