01【前端工程化初探】基于Jenkines+GitLab+Tomcat的可持续化集成环境

古城微笑少年丶 2023-07-23 11:00 32阅读 0赞

### 写在前面 ###

闲着无聊的时候，跟昊哥在群里吹笔，发现这位大佬自己搭建了一套后台Java环境，名字叫"可持续化集成环境"，听起来很高大上，所以自己也想折腾一套属于前端的"可持续化集成环境"。可持续化的这个名字初听是那么的高大上，但是部署完之后回过头来再看整个流程，其实说白了就是下面这样一个流程：

*  我们在自己的电脑上开发应用系统，然后将代码提交至gitlab或者github；
 *  当代码提交至gitlab或者github之后，会触发一个webhooks，然后这个状态就会传到Jenkines这套环境中；
 *  Jenkines这套环境就是可持续化集成的核心，它会将我们上传到git的项目代码进行打包构建，然后部署到我们的应用服务器上；
 *  以上就是一个基础的可持续化集成流程。

看到这，你觉得这玩意其实也就那样，但是忘记告诉你了，这一套流程中除了将本地开发的代码提交至gitlab或者github这个动作是我们要手动做的之外，其余的所有过程都是自动完成的，包括打包和部署。这样子告诉你，你是否会感兴趣一点呢。我们接下来继续~

### 为什么要做这件事情 ###

不管接下来我说的理由多么的有说服力，但是核心理由只有一点：我就是想折腾，想装笔~

好了，接下来说点比较正经的理由吧：

我们平时开发一个项目，研发流程可能是这样的：

1.  本地机器上写代码
2.  在命令行输入 npm run unit，查看单元测试结果
3.  提交代码，push 到 git 远程仓库
4.  登录测试服务器，拉取代码，执行 npm run build，构建项目
5.  如果测试服务器是基于 pm2 的 proxy server，还需要重启 server

这个过程太多的人工干预，有时候小手一抖可能就在哪个过程出问题了。所以大量浪费了我们宝贵的时间和精力。

但有了CI/CD环境之后，这一切似乎发生了点变化：

1.  本地机器上写代码
2.  提交代码，push 到 git 远程仓库
3.  git hook 触发 jenkins 的构建 job （自动）
4.  jenkins job 中拉取项目代码，运行 npm run unit 和 npm run build，如果失败，发送邮件通知相关人。（自动）
5.  jenkins job 中执行测试服务器的部署脚本 （自动）

上述整个过程，只有在第一步和第二步是手动进行的，其余都是自动进行，大量减少了人工干预和重复性操作，是一个非常标准化的流程。

好了，以上就是我花三天时间来搞这套环境的理由。

### 怎么做呢 ###

服务器规划：

其实吧，规划啥服务器啊，本人穷笔一个，哪有那么多服务器去折腾，只有在本机开虚拟机来折腾了，下面就说说虚拟机的规划吧：

*  第一台虚拟机(192.168.0.104)，安装部署GitLab环境
 *  第二台虚拟机(192.168.0.107)，安装部署Jenkines环境
 *  第三台虚拟机(192.168.0.111)，装了一个tomcat，主要用来存放构建部署后的项目代码
 *  以上三台服务器都是CentOS 8.1环境，4G内存，50G硬盘空间，静态ip

具体怎么做呢：

**请看【前端工程化初探】这个系列接下来的三篇文章吧~**