00:01
那前边我们所有的微服务呢,全都上线了,包括我们做了自己的动静分离ins,使用ingrice controller做了域名匹配转过来,那么就剩最后一个服务的部署,就是我们VU的后台管理系统,我们这个后台管理系统呢,它是我们这个VU来写的这段代码,那这个代码该怎么部署呢?来看一下5U。其实这个VIVO也好,我们的GS node GS这也好,还是我们这个Java me也好,我们如果以前写的这个Java应用,我们是使用me来进行打包,那打包呢,我们运行的命令就是mvn clean package,我们来进行打包,打完的包以后呢,直接是一个炸包,你可以Java杠炸运行那前端项目那就更简单了,前端项目呢,因为我们是使用的是无U,然后呢,Node GS这一套,我们之接呢使用node n PM,它呢会有一个命令,但他这打包呢,是使用的我们这个项目里边是使用的web pack。
01:01
这个呢,就相当于我们的me一样,你就认为是me的这个构建,我们直接使用n PM run build,那build呢,那就是构建我们这个项目走,然后呢,我们的这个前端项目也就会被打包,那一打包以后呢,会生成前端项目的文件,前端项目说白了就是HDML页面,CSS样式以及一些GS,我们这些生成以后呢,我们就可以直接访问,放到任何地方直接访问都是没问题的,好,我们来稍等看一下。好,我们看到呢,我们这个项目已经打包了,打完包以后呢,会在这生成一个目录叫Dis,这就是我们的磁盘目录,来打开这个磁盘们来看一下这个文件夹下里边的这个东西,你就把它复制出来,把它复制出来你放到任何地方,我们来看一下这里边其实非常简单,一个HTML页面,然后呢,一些简单的一个index GS,这个GS才3KB,我们写了那么多代码,被压缩成这一点,然后呢,再来加上我们的一些静态资源,这个呢就完了,完了以后呢,我们接下来直接来访问这个in HTML。
02:09
诶,我们看到这就是直接可以访问的,包括我们来进行登录注册,但这一块登录注册呢,肯定不行,因为我们现在这一块呢,我们以前我们的环境,那默认呢,是连向我们的这个网关,我们的虚拟机,但我们看一下现在我来刷新验证码,一打包以后呢,整个验证码的这个刷新请求,它是呢,发给了DEMO open人人IO发给了相当于这个服务器,所以我们以后呢,所有的这个登录注册请求,我如果即使是想要登录这个登录请求呢,就不能发给我们的这个地址,要发给我们以前的这些所有地址,所以呢,我们现在要做的一件事情就是我们在这打包的时候,我们来改一下配置,那打包环境呢,用我们以前的这个配置给网关阀来到这儿,Con里边能看到这有index JS这个东西呢,这就相当于我们常规环境的,还有我们的这个divv环境的,开发环境的和生产环境的,然后。
03:09
那再在下边我们的这个static com里边来看这个index,这是我们开发环境,诶我们呢,是给我们的网关logo host 88api来发所有的请求,然后呢,但是一切到我们这个生产环境以后,他们就发给这儿了,所以接下来我们要做的就是我们让他即使到生产环境发的请求呢,应该是我们的线上。那我们线上呢,随便我们线上呢都已经把网关部署了,我们这个网关非常快,我们呢就随便给这个网关来发一个请求就行了,那么的网关就是这个getway,我们来找一下。来看一下我们部署的这个服务里边,我们自个儿的网关get外,那就翻到下一页我们的这个get外,而且都暴露到外边的31003端口了,你随便给这个端口来发请求都是可以的,所以你只需要在这儿做的事情就是把我们的这个API所有请求接口的地址改成我们库nes集群里边,我们给任何一台机器点五六点一百一百一百零一,102都行,那给这些机器来发送API请求,那给他们来发送,那就会转到我们的网关,相当于呢,那就转到我们的这一块了,我们自己写的网关了,那转到网关以后呢,那就跟我们以前的方式一样了,网关在这路由匹配,只要是以API开头的所有请求,咱不管你是从哪来的,以API开头的,如果你是来商品服务开头的,就给你转商品服务,否则等等等等全部匹配完都没匹配上,那就把API开。
04:49
头的,剩下其他请求全部呢,转给我们的这个人工fast,现在我们后台管理系统,所以我们现在呢,就把这个前端项目一部署就行了,那这个前端项目我们可以使用最快的方式部署,我先来n PM run build,当然当然也可以用流水线自己把代码剪出来,让它运行一个n PM run build命令,然后再把它打包镜像,那我现在呢,就直接让它重新来让build,我们得把这个保存一下,把这个中断一下,好,我们现在把这个生产环境的这个配置我们改了以后,我们让它重新run build来看能不能给生产环境的这个接口来发请求。
05:30
我们让它重新生成我们的这个磁盘目录文件,只要这个一生成以后,那么接下来就来等下面的事情好,我们看到呢,这一块还是一样打包完成,我们来到这个磁盘这个目录里边来使用终端,呃,这个文件夹打开,然后呢,我把这一块复制过来,CTRLC复制过来。我们还是来粘贴到外边CTRL位,好,我们现在呢,是新打包的这个东西来点进来,然后呢,它这个打包,它还会层次迭代,你的这个旧打包它的这个时间,还有我们新打包的这个时间在这儿都有,好我们现在访问in对页面好,那稍等一下呢,我们这个in对页面就出来内容了,然后呢,我们接下来看这块验证码没出来,其实那就是好效果,因为我们这个验证码呢,它要发给我们外边的,我来刷新一下,我们来看我们的这个验证码操作,会有一个验证码的404,就是它来看验证码,诶确实呢,发给我们线上的网关环境了,所以们接下来这个应用只要出来以后,那么接下来就可以给它进行打包,我们把它运行在哪呢?大家都看到这是一个静态文件了,你把它塞到N里边都行,所以呢,我们最快的方式就是当我这个应用已经完成以后,我们可以给它制作一个doer fair,让他给我们来进行打包。所以呢,我们接下来。
06:51
来在这来写上这么一个,好,我们在这个商城里边再来给大家来写一个刀客费尔,让他打包,或者大家用流水线打就行,这个N,然后呢,我们现在还有需要打包成镜像的,就是我们的。
07:06
呃,Admin维柚APP,我们的这个维柚项目,这是我们的后台管理系统的维柚项目,然后呢,我们把doer费复制过来。我把这个do file复制过来,然后呢,我再来把假设呢,我们现在把给应用打好包了,直接把它。打包成压缩文件,这压缩文件呢,我们就叫踏点GGZ就行了,我们直接把这一块,把里边的内容直接压缩成踏点GZ,不要外边的这个文件夹了,好踏点GZ,把这个踏点GZ压缩过来以后,我们看到这呢,有一个踏点GZ里边呢,有我们的inex页面和其他的,然后如果说此时我呢,把这个TGC我放到这。所以以后呢,我们前端项目写完以后,我们可以在我们这帮前端项目呢,构建出我们的这个desk,我们这个文件夹,构建出这个文件夹以后呢,我们压缩过来,然后我们来再来打包镜像,这个镜像呢,我们还是一样,我们上传上来,但这一连串操作。
08:07
你可以让金克斯来做,我们把我们前端的代码分享到get help,然后呢,金克斯拉取来代码,然后呢使用NPM打包,打包以后呢,再使用我们指定的docker fair,我把这个docker fair好,我来直接给前端项目里边创建一份,来使用我们指定的这个docker fair c v。来打开前端项目所在的这个文件夹,我把这个docker file呢,我复制过来,你呢也可以用流水线,然后呢,按照我指定的docker file再把它一打包,这不就完事了吗?好,我们现在这个doer fair呢,我现在就不把它再来分享到get have了,我直接打包,打包呢我们还是一样上传上来。我们上传到这个OPT目录,我们直接打包镜像就行。好,来到我们这个OPT目录,除了这有N外,我们再来来一层,好,那现在呢,是打包我们后台管理系统的这个VIVO APP。
09:05
把这个拿过来,然后我们来进入到我们的这个里边来进行打包,CD点点。com,好,现在呢有一个adin 5UAPPLS,这有一个doer fair来直接进行打包就行了,Docker build,杠T来给上一个标签,我们呢就叫adin adin,咱们这个VUAPP,然后呢版本呢是V1.0,好,然后呢杠F用我们指定的这个文件打包。当然这个文件我们得改一下,不能拿过来复制的,直接用doer fair改成什么呢?我现在只需要变这一块,然后配置文件呢,什么都不变,好删掉,然后呢,我就把我们自己的踏点GZ,这个踏点GZ是一个什么GZ我来看一下,是一个我们叫disst,好,我们把我们的这个踏点TC复制到它的HTMMR里边,因为HTMMR里边有我们的这个静态资源,复制到这里边以后呢,那就直接能访问了,好,然后呢,接下来暴露八零端口。
10:12
WQ退出并保存,然后呢来进行打包,Docker build,杠T来指定一个标签,我们现在呢,就叫adin,我们叫叫古励,那我们的这个ADIN5UAPP,我们这个adin的这个管理系统,那V1.0,然后呢,我们再来写一个杠F,用指定的这个刀客费来进行打包,在哪个目录下工作,那就是当前目录下,它还要把这个压缩包整进去呢,回车来让他打包,好像这个打包好刀ER images,那么这个打包好以后呢,同样我直接推送给阿里云,以后呢,只要我们这个应用构建了,我们就打好包推送给阿里云就行了。好,那这个推送呢,我们还是把这个命令直接复制过来,我就不一行一行敲了,我们要推送之前,当然先得登录CTRLC,我们刚才这个会话应该是没关,我们保险期间再来登录一次密码。
11:11
好,我们现在阿里云呢,登录成功,然后我们把我们的镜像推送上去,但我们要推送的这个镜像推送之前,先把这个镜像名字变成满足我们阿里云需求的这个名字,得加上自己的前面的这个名称空间好现在这个镜像ID我们来给大家看一下,镜像ID我们现在呢,打包了一个ADMIN5U这个APP,镜像ID是它复制给它打一个阿里云的这个探NK标签,那就是这一款,然后呢,接下来下边呢,这一块就不叫古励mail ns了,古励mail我们就叫a me a me,然后呢,View APP。好,我们现在呢,就叫V1.0。那么相当于把我们原来的老镜像给它整了一个新名字,走docker images来看一下,那么这个新名字呢就过来了,就是VIAPP,我们把它推送上去,复制好,我们直接使用docker push就行推送。
12:14
这是我们的镜像,V1.0走。那至此我们这个阿里云里边肯定就会有我们的这个镜像啊,稍等一下这个阿里云。这个登录过期了,来重新登录一下。好,我们现在这个呢,登录进来没问题,然后我们来看一下我们的推送过来了没有,来看一下我们下边,诶这一块呢,推送过来了,那就来到我们这儿会有admin view APP,这我们基于NGS的,把静态文件直接放到NS里边,而且呢,我们把我们的这个仓库来做成一个公有的就行,好,我们把这个仓库呢,我来做成一个公有的,点击修改,这样我们就好拉取了,点击确认,好现在呢,我们这一块我的M5UAPP准备好了,那接下来我就直接在我们的cooper ne集群里边把它一部署就行了,有了cooper fair,一切都变得非常简单,来到服务里边,我们想要部署创建一个,创建一个无状态服务,我们就叫鼓励ma,这是admin v u APP,好,我们现在创建一个这个view项,然后呢,我们接下来我们添加容器镜像是使用阿里云的,然后呢,这个镜像我们不用写那么长,就把我们现在要用。
13:31
的下边这一块我们拿过来,现在就是我们的艾特古丽ma,我们的这个镜像复制过来,来到我们的这搜索一下,这个镜像冒号为1.0走好,那么这个镜像呢,能拉取到,使用默认端口把这个服务呢暴露出来,点击下一步,下一步我们也不用挂载什么,再来点击下一步,我们让它能保持外网访问。当然你不保持外网访问也也行,然后呢,我们给他可以开一个域名,好,我现在还是保持外网访问点一个创建。
14:04
那我们的这个mmiu APP就做好了,那做好以后我们想要访问它,其实访问32306360就行了,只要用我们集群里边的任何一台电脑,我们来访问这个端口,诶我们之前拿S终于注册中心的东西都好了,现在我们重新来访问一下192168先是我们的这个走。来看一下效果,诶那现在呢,我们这个后台管理系统我们就整过来了,是完全可以访问的,没有任何问题的,而且呢,后台管理系统我们也推荐不要做域名映射,我们就内网访问,当然你想做域名映射了,现在也变得非常简单,直接来到我们的这个项目里边的这个应用路由,那再来添一个路由规则,这个路由规则那就是我现在更多操作,那再来编辑规则,我现在再来新添一个规则,按照域名访问,这域名呢就是d me,那按照d me点我们的鼓励ma点一个com,然后呢你给我访问,我呢就直接给你访问DIN5UAPP80端口,点击保存,然后呢来更新一下就行。
15:13
那接下来我们只要呢,在我们的这个机器里边配了这个域名是转到哪的,那就行,那来到我们的这一块。好,我们现在在远程服务里边,我们再来配上我们这个域名转到哪,我们再来多加一个域名,还是这个192.168.56.101,然后呢,是这个域名。那这个域名呢,以后我们访问这个域名也能直达我们的后台管理系统来看一下,现在我不访问这个,访问这个走。好,直达后台管理系统没问题,当然现在唯一的问题就是我们这个验证码没刷出来,那肯定还是匹配的有问题,F12大家看一下。我们在这验证码没刷出来,我点刷新,我们来看验证码,好,验证码的请求是我们的这一块,这个是192,我们的31003这块的,看诶那这个是有问题的,因为我们以前要能转过去,我们所有的这个请求都必须呢,加上一个叫我们的那个。
16:14
API前置路径,所以我们来给大家看一下,你如果加了这个API前置路径,网关能给你正确转达才可以处理。好,那这种呢就是可以的,所以我们现在这个打包还是有问题,问题的原因就是我们在这儿只转网关了,没有加前置路径,那这个加了以后,我们再来重新打包就可以了,好,那下一节课我们把这个重新打包流程我们再来走一遍,再来做一个整体测试。
我来说两句