00:00
现在我们在做这个真正的全站开发流程之前呢,还要明确一件事情,就是未来呢,我们这个系统呢,它将会是前后端分离的框架,所谓的前后端分离呢,就是你看目前为止我们不是建了两个项目嘛,一个是我们的S2B靠,就是我们的spring的项目,这是后台项目,还有一个呢,就是现在我们在写的这个S2BD密,这个是我们的前台这个网,呃,前端的这个项目,对吧?然后刚才我们说了要在这面呢定义API组件,然后让API里面呢写X啊,然后呢,调用我们后台之前我们写的那个增删改查的那些接口啊,所以说整个的调用过程就是这样的,那实际上未来我们这个后台呢,它不单单只有一个S2D靠。他还会有很多其他的微服务,这个只是我们后台的微服务之一啊,所以呢,我们未来的这个啊,后台项目呢,可能会有这个SRB,靠啊,可能会有SRBSMS,就是发短信的一个微服,还可能会有SRB,什么上传文件的微服务,还可能会有等等等等很多其他的微服务,那这样的话,如果是其他的微服务都被我们这个前台的这个啊网站或者是前台的这个啊,呃,前端啊,被我们的前端的这个程序调用的话呢,那我们前端这面呢,其实要配一个呃后台的接口的地址的,那我们后台呢,因为是不同的微服务,所以我们不同的微服务未来肯定会部署在不同的服务器上,那它会有不同的地址的,比如说服务器的IP呀,对吧?啊,甚至如果要只有一个,嗯,这个机器你部署多个微服的话,那起码它也有不同的端口啊,对吧,不同的路径啊等等,好,那我们这面呢,前端这面呢。
01:47
他在连后台的时候,它实际上只能配一个地址,比如说8110。好,你这面你这个配置文件,你配我后台的接口地址是8110的时候,你这边再访问,那我这台机器是8110对吧,S2B号是8110,我这个可能是8120,我这个可能是8130啊以此类推,这边可能是四零,里面可能是五零,那你前端这块你配个8110,你你反问过来的话,你看这不就。
02:22
访问不到嘛,他只能访问这个机器,他就没有办法访问其他的机器啊,那我们就得想办法,能不能在前端就配好几个路径也可以,但是特别麻烦啊,前端做这件事情特别麻烦。我们希望做的是什么呢?就是前端这面呢,只管理一个后台地址。啊,所以呢,我们在中间呢,可以插一个N这个反向代里,那未来呢,我们也可以插一个微服网关,那现在对我们来说呢,插N这个反向代里面是稍微容易点,所以我们先插一个N这个反向代里,把N这个服务器加在中间,比如说N这个服务器的地址呢,它是八零。
03:03
啊,然后接下来呢,我SRB这个服务器这块的接口呢,是吧,我只配一个八零地址就行了,那我SRB的me这边呢,我只与N这个这个八零端口打交道,N这个里面我们可以配反向代理,反向代理我们可以连到不同的服务器,可以去连多个节点,所以在N这个里面我们配不同的节点。啊,配不同的节点,然后这个不同的节点呢,连接不同的服务器啊,然后这面可能还有其他的后台,所以我们在N这个里面呢,去做这样的一个后端的多服务器映射,所以这个呢,是目前为止我们的反向代理在我们前后端的啊,他所扮演的一个角色,那接下来呢,我们就先把这个N给他配一下啊,因为未来我们这边是要有很多微服的,所以我们必须先提前把这个架构搭好啊。呃,N这个词反向代理的配置呢,因为大家之前学过N这个词哈,所以我就不多啰嗦了,咱们直接把配置的方案给大家,大家直接把这个代码粘过去就行了,就是server里面的这部分内容把它复制一下,然后呢,嗯,其实在复制之前我们还得弄的N这个出来哈,好,然后我们先把这个资料里面吧,N这个服务器给他考虑出来。
04:28
这个是N这个啊,然后接下来呢,我们。给予到当前位置,好,这个就是我们要的这个N了,然后接下来呢,CTRLX。CTRLX,然后我给它CTRL到哪,嗯,CTRL到。Project还是咱班对象。我以CRL到L到这儿了啊。然后接下来呢,我就打开它这个配置文件。然后呢打开,然后呢打开N这个和con。
05:04
然后找到这个里面的sir节点啊,在sir节点这里面不有个LISTEN80SIR name host吗?我们在这个下面呢,就添加我们这几个配置。好配着配的这款,那这款呢是目前我们配的三个微服,第一呢是8110,它呢是我们现在的这个号啊,就是核心微服,第二呢是8120,它是我们的SMS一个发短信的微服,第三个呢是8130,它是oss一个就是文件,呃,分布式文件系统的一个维护。然后所以现在就是这三个微服了,然后接下来呢,呃,有了这三个微服务之后呢,我们把这个N呢给它启动一下,启动的话呢,我们直接在这个目录下就。CMD就可以了。
06:00
然后在这面呢,我们嗯,Start,嗯这意思啊,回车好,这样的话MC就启动了,我不建议大家直接双击它,虽然双击也能启动,但是一旦你后期去修改N这配置的时候呢,你会发现你就嗯。就只能重启机器才能才能让那个配置生效了,所以呢,最好用命令去启动,然后呢用命令去停止,用命令去结束,所以命停止的命令呢,就是N这个,然后呢杠s stop就是停止是吧?啊然后重新加载配置的命令呢,是漏的对吧,就是重新加载配置啊,所以要用命令去做啊,不要去双击,双击有很多问题。好,那这样的话,我们这个N呢,就启动好了,启动好了之后呢,我们来检查一下,那N默认刚才我们看到了它的端口是八零,所以呢,就是local host啊这面呢,我们来访问一下八零。
07:02
好大家看就访问到了我们的这个N了,是吧,说明我们刚才那个N这启动呢是成功的,然后接下来呢,我们。再在我们的这个前端项目当中啊,将我们的这个地址呢,配到N上,我们来看一下,在我们前端项目当中呢,实际上它呃其实已经连了一些后端地址,比如说在登录的时候,我们我们先F12看一下啊,它实际上呢,就连了后端地址,连登录,你看它实际上会调登录接口,看见了吧?啊,但是这个登录接口是前面我们说的什么呢?就是它是用一个模拟mark模拟接口服务器来做的,因为。它这个前端,它实际上我们说前后端分离开发的过程当中,没有后端数据连接进来的时候,这些数据都哪来的,比如说你像。
08:00
这个例子里面的这个表格,这数据哪来的呀,对吧,我们还没有连后端的,他是做了一个叫Mo server啊,叫做模拟数据服务器,这个模拟数据服务器呢,它是通过一个脚本做的,那Mo JS,然后通过这个Mo JS呢,它自己在前端的本地搭建了一个模拟数据服务器,在前端的本地搭建这个模拟数据的服务器当中,它模拟了一些后台接口,就类似于刚才我们看到的那个老给接口,你看这是老给接口,它其实就是一个接口嘛,只不过他是他自己在9528,就是当前的这个本前端本地模拟了这么一个。User老in的这么一个接口,这个模拟的过程大家不需要去掌握,也不需要去知道它具体怎么模拟的,因为这个在前端来说的话,也是一个比较复杂的工程了,然后咱们得先学Mo JS,再学怎么搭Mo server,然后才能了解它,但是你只现在你只需要知道它是个模拟接口就行了,好,然后接下来呢,比如说我访问表格,表格就是这个list是吧?啊,它也是一个模拟接口。
09:11
啊,也是一个模拟结构,然后再访问数。啊数这块它没访问数据,它没有访问这个接口数据啊,它就是一个本地的一个硬编码,所以现在呢,就很显然能够看到我们表格,你看这块有数据,它是一个模拟接口,然后登录登出这块是个模拟接口,模拟接口的地址是什么呢?叫local host 9528,然后dva API,大家记住这个路径。我把它复制出来。这个是他前端,他在访问这个数据的时候,因为他没有后端,所以自己搭了一个Mo server,然后Mo server里建了很多模拟接口,这个就是它模拟接口的一个具体的地址,比如说是那个数据表格列表的那个地址,好,那这个地址。大家现在知道有什么用呢,我们来看啊,在。
10:03
我们的一个前端的配置文件当中。有一个叫做env。找一个配置啊,叫EV development开发环境配置这么一个文件,这个文件里面呢,有一个叫做view base API叫做view应用程序的。基本API,你会发现它这个地方有一个片段叫dva API,你看它这个接口里面有一个片段叫dev API,那说明什么?说明的就是我要访问的这个Mo server的具体的路径啊,然后当然后面这个地方呢,就是你。具体的URL了,你你访问不同的URL地址的时候,他就会有不同的。啊,这样的一个呃数据,比如说我们刚才看登录啊。
11:06
好,这个是登录的那个URL地址,登录的UR地址是什么呢?是这个地址。你看它是不是中间这块也有一个第一位API啊啊,所以这块其实就是他模拟的ma克server的地址,然后这块呢,就是这是数据列表的地址,这个呢是登录接口的地址,所以这是它模拟的几个接口啊,然后这几个接口呢,都放在了这个服务器上啊,然后这个服务器因为它是一个和当前页面,你看这不就也是9528吗?然后这个接口服务器不是也9528嘛,所以呢就是一个。和当前的前端啊,处在同一个服务器上的一个接口,所以前面这个logo host9528那就省略掉了,那实际上它完整的一个接口服务器的地址,就模拟接口服务器的地址啊是这个,那现在我们要做的是什么呀?说了半天我们是不是要把模拟接口服务器。
12:09
切换到我们的后台的真正的服务器上啊,我们后台真正服务器是什么,是不是8110,目前为止只有一个8110对吧。就是8110,但是刚才呢,我们还配了一个N,我们N这呢啊,这个跳转到8110可以,所以呢,那我们这个后台的这个服务器呢,其实就是N80。明白吧,所以呢,我们要把这个地址啊,相当于把这个模拟服务器的接口地址直接切到什么呀,切换到。我们的http post80上啊,那当然这八零是可以省略的,所以呢,我们要把模拟的。
13:03
接口服务器地址切换到我们真正的后台服务器地址上,这块我不知道说没说明白啊好,然后所以呢,咱们在这个位置啊,就把它这个服务器的地址呢,给他改一下,改成这个就可以了。明白哈,这是第一个步骤,这块可能如果你了解了的话,就比较简单,其实结论比较简单,结论其实就是把这文件打开,把这地址改成它对不对啊,那我希望的是大家能知道为什么要这么改啊,是把这个模拟接口改到真正的接口上哈,然后咱们这真正的接口呢,是N这个啥。配置到后台这个机器好,所以这块呢,是我们当前为止的这样的一个操作了。
我来说两句