纯 Git 实现前端 CI/CD
原文链接:纯 Git 实现前端 CI/CD
最近要把前端 react 项目部署到私有服务器上,研究了好几种持续部署方案,这里简单描述一下。
总的部署思路分两种:
1.编译后的文件部署
编译后的文件部署,就是先在本地进行npm run build打包,生成 build 文件夹,然后将 build 文件夹传到服务器,再用 Nginx 配置一个静态解析即可。
这种方案用 rsync 直接上传就可以,这里不赘述。
2.源码部署
源码部署就是把源文件上传到服务器上,然后:
$ npm install && npm run build
这种方式是将打包工作交给服务器(或其他构建工具),本地只是将源代码 push 上去,git 监听到推送然后自动开始构建。这是现在流行的方式,大多数持续集成工具都是这么干的。
今天的重头戏来了!我们不借助其他构建工具,只用纯 Git 实现监听 push 并自动构建。相信我,这一步非常有趣~
服务端
首先准备一台服务器,然后安装好 node、git 和 nginx,开始动手。
服务器信息如下:
host:192.168.0.1(假的)
项目目录:/home/react-test
创建裸仓库