00:01
好的,我们继续啊,我们继续,那接下来呢,我带着大家到服务器端呢,我们去写一点代码,因为啊,你看官网上人家说了,最终我们的服务器是不是要跟微信的服务器对接呀,啊其实作为前端开发程序啊,你们可能写的代码就这一块发起求坐等数据,但是呢,我更希望大家能把整个流程跑通啊,所以呢,我们去服务器端呢,为当前这一次请求呢提供一个接口,并且之后呢,我们去跟微信的服务器端对接一下。来来到服务器呢这一块啊,我来到我们整个应用的这个文件里面app.js啊,那这里面呢,之前我们写好了很多的代码,接下来我们就在这里啊去注册。啊,去注册什么呀,注册我们这个获取用户啊,唯一啊标识的接口啊是他。啊,那这呢,服务器呢,是用什么用express去搭建的啊是它。
01:05
啊,如果说有小伙伴哎,学过express,那你就可以自己去写啊,如果有小伙伴实在说啊,我压根不知道,你可以先跟着我我的代码去敲,甚至是你可以直接拿过来用啊,到时候如果说想学的话呢,也可以去看一下咱们啊对应的note GS那一块的内容啊,里面有它相关的啊这个课程好的,那现在呢啊,我去通过这个app.use那我再去注册一个接口。那这也是没问题的,这呢我就叫他一个get open ID,注意啊,注册接口的话,我现在用的是use,其实呢也可以用什么,也可以用get方法。来用get方法都没问题啊,那我跟上面保持一致的话,我就用use呗,来这个呢,是当前接口对应的一个回调函数啊,回调函数首先啊,我们待会儿请求这个服务器的话,访问这个地址,我们肯定要携带一个参数啊,所以呢,我们先去啊拿下这个参数,那么这个回调函数这有三个形参啊,获取这个当前请求的参数呢,我们需要通过这个re eq.query.code啊写完这一行代码,意味着你待会儿呢必须要携带一个参数叫code。
02:26
而且呢,是以什么以查询字符串的形式带。啊,没有问题,那么最后我们可以通过res点三的呢,返回给客户的内容啊,那这呢,我先写一个测试数据,好的,在服务器端这呢,我们做一个打印啊,我们看一下能不能拿到这个扣来这儿呢是扣子,那服务器端这啊我们就写完了,写完了以后来。啊,为了大家看的方便的话呢,我这样我在外边啊,我把外边这个服务器呢,我就给他啊,或者在这儿看也行,在这儿看也行,来那现在呢,服务器端显然它会自动编译啊,我们来到浏览器端呢,我们去干嘛呀,我们要去点击获取open ID的时候,我们是不是要发请求呀,所以啊,我们再去引入一下这个,哎,Request from找U下面的request。
03:24
那接下来在这发起情呢,Let吧,等于啊wa对吧,Request,嗯,注意啊,这个地址呢,就是我们刚才我们注册那个接口get open ID。这呢,把a think补齐。然后我们当前请求当前的接口呢,必须要带参数是扣子。我们已经获取到了,对吧,那这样的话呢,哎,我们尝试着去通信一下,并且呢,我们客户端呢,也做一个打印,把这个结果打印出来,哎,只不过现在打印的结果呢,是一个我返回的假数据啊,叫测试数据。OK,来到我们的客户端,我们啊进行一次前后端的通信啊,我一点走。
04:07
好,现在我们看一下请求发了没有,请求发了啊padding padding说明什么。拍说明什么,说明我们的服务器端是不是没有响应啊,那来到服务器端这儿我们看啊,这也没有什么打应啊,是不是卡住了,诶卡住了,大家看我一挑一回车。这是不是有扣的呀,那说明我们的客户端跟服务器端通信成功了啊,并且呢,这拿到那个假数据了,这不测试数据吗?好的没有问题,那服务器端现在有了空的可以干嘛呢。我们拿到了客户端传过来的客户,我们自己呢,需要提前什么整合这两条数据,才能跟微信的服务器端对接呀。所以啊,那在这个下面,那这个打印我就不要了,我再去整一个let AP PID等于什么呢?我去把我的APPID拿过来。
05:03
放到这同时呢,我们还需要一个APP对吧?啊,那就是刚才我们保存的那个数据啊,我们去找一下它。嗯,在这。好的,哎,我们拿过来。来,那这样的话三节合并。对吧?啊,准备工作我们就做完了,那接下来呢,我们要去啊发请求给谁啊,给微信的服务器对吧?啊然后呢,获取这个open ID呗,那我们要发给微信,给微信服务器发请求,那一定得请求人家的接口,那么这个接口在哪呢?在这。啊,这是一个地址啊,我们可以直接去访问一下他。方法是get对应的URL是这个啊,这也是固定的,好的,那这个时候过来我这呢啊let URL等于一个模板字符串。
06:04
看我用ES6的模板字符串啊,为什么用它呢?很简单,因为接下来里边啊,大家看前面的地址是固定的,而这个参数说APPID,我们需要写成动态的,哎,变量的部分用倒符大括号啊,给它包起来,密钥还有扣度这三个都应该动态呢,那对应的把数据放进来,注意啊,这一定要细心一点,千万不能放错了,如果放错的话,我们拿不到对应的数据,好的,那这样的话,哎,对应的URL我们就准备好了,哎,那这节课呢,我们主要是进行了我们自己的客户端跟自己的服务器端是吧。通信,然后呢,把这个code呢携带给服务器端了,对吧?哎,那下一节课呢,我们来去做我们的服务器端跟微信服务器端对接的工作,好的,那这节课呢,我们先讲到这里。
我来说两句