使用云效搭建前端代码仓库管理,构建与部署

其实最开始团队选择的是jenkins进行前端代码仓库的自动化构建和部署。但是因为jenkins一般部署在运维服务器,然后打包出来的文件就会在运维服务器,需要部署到B服务器。所以针对小公司开发团队的话,还是建议开箱即用的阿里云效。(因为自己公司也是用的阿里云的服务器):
1.参考云效的帮助文档。
2.开启云效之后,创建项目,根据公司的业务线可以创建多个,然后进入项目创建应用,应用里关联仓库地址。
使用云效搭建前端代码仓库管理,构建与部署_第1张图片
使用云效搭建前端代码仓库管理,构建与部署_第2张图片
使用云效搭建前端代码仓库管理,构建与部署_第3张图片

这里模板选择可选可不选,根据自己的应用来。
使用云效搭建前端代码仓库管理,构建与部署_第4张图片
这里注意要在自己项目的根目录下创建一个【应用】.release文件。(云效打包出来的tgz的压缩包文件),部署时需要进行解压。
使用云效搭建前端代码仓库管理,构建与部署_第5张图片
进入流水线就是对你的应用进行构建和部署的配置了。
插入一下,云效自动集成了gitlab,从这里就可以点击进入创建你的远程项目仓库了。
使用云效搭建前端代码仓库管理,构建与部署_第6张图片
针对流水线的配置,不同的项目肯定有不同的地址,具体看自己的服务器存放的地址等等。
直接新建流水线也会去关联你的项目和应用:
使用云效搭建前端代码仓库管理,构建与部署_第7张图片
流水线创建之后,进行构建配置时,需要填写制品名,制品名就是和你项目的.release文件.build.command是一样的名称。
使用云效搭建前端代码仓库管理,构建与部署_第8张图片
使用云效搭建前端代码仓库管理,构建与部署_第9张图片
因为公司用的钉钉打卡,还可以直接钉钉机器人进行通知,是否构建成功。
使用云效搭建前端代码仓库管理,构建与部署_第10张图片
然后进行项目部署配置
使用云效搭建前端代码仓库管理,构建与部署_第11张图片
部署配置就根据自己需要如何配置自己查看了。前面说过打包之后是一个tgz,所以需要先进行解压。
使用云效搭建前端代码仓库管理,构建与部署_第12张图片
到这里一个前端项目的配置部署就差不多完成了。
有不对的地方还望指出。

你可能感兴趣的:(项目部署)