CI/CD---使用新版云效流水线自动部署前端Vue项目

CI/CD---使用新版云效流水线自动部署前端Vue项目

两大基本前提：

1、有一个自己的云服务器 2、项目代码已经提交到代码仓库，如gitee，github等

为什么需要流水线

一、流水线配置

1、百度搜索“云效流水线”，进入云效

2、选择免费使用，并登陆阿里云账号

3、选择我的流水线—>新建流水线

4、选择流水线模板（可以根据需求选择不同模板）

5、流水线配置

6、Node.js构建编辑

步骤名称：Node.js 构建

我的构建命令如下，仅供参考：

# input your command herenpm cache clean --forcerm -rf node_modulesrm -rf package-lock.jsonnpm installnpm run build

步骤名称：构建物上传

制品名称随意取，默认为package.tar ，后续的主机部署步骤会用。 由于vue打包后都是会生成一个dist目录，故打包路径为dist/

7、主机部署

-路径：这个-路径可以自定义，只需要注意记住就是，后面的部署脚本需要填写这个配置，记住需要对应上。

部署脚本：由于前面阿里云已经构建完成，在-路径会有对应的package.tar的压缩包，所以部署脚本存在的目的，就是解压这个压缩包到指定路径，我的部署脚本如下：

tar zxvf /home/admin/app/vue-yuanchangliang-dist.tgz -C /command not found

如果报错，可以试试依次执行如下命令按照npm，若未报此错，请无视：

sudo yum remove npmsudo yum remove nodejs-legacysudo yum remove nodejssudo rm /usr/bin/nodesudo yum install nodejssudo yum install nodejs-legacysudo yum install npm

以及，在使用流水线之前，最好使用单纯的上传dist文件的形式部署一次，确保这种方式部署后，可以访问到该网站了，再尝试使用流水线部署。可以减少很多流水线部署可能出现的问题。

毕竟流水线的本质，就是由手动构建打包，上传dist文件。变为了自动拉取最新代码，自动构建打包，自动生成dist文件并部署。如果手动部署可以了，那流水线部署问题也就不大了。

9、遇到问题，先看日志！！！

–我是“道祖且长”,一个在互联网"苟且偷生"的Java程序员“有任何问题，可评论，我看到就会回复”

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。