Vue项目Jenkins自动化构建

1、下载jenkins  NodeJs插件

 

2、配置

填写任务名称

项目描述名称

配置GIT账户

配置SHELL命令

#!/bin/bash
echo $PATH  #输出环境变量,可以不要
node -v  #输出node版本 ,可以不要
npm -v #输出npm版本,可以不要
cd /jenkins/workspace/font-test  #cd到项目目录
rm -rf node_modules/  #删除旧依赖
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install  
npm run build  
cd dist  
tar -zcvf dist.tar.gz *  #将dist包压缩
scp dist.tar.gz 192.168.x.xx:/home/xxx/apache-tomcat-7.0.52/webapps/xxxx  #压缩包传输至tomcat目录
rm -rf /var/lib/jenkins/workspace/AI-font-test/dist/*   #删除原路径下dist包

ansible 192.168.x.xx -m shell -a "/bin/sh /home/xxx/apache-tomcat-7.0.52/bin/shutdown.sh"  #关闭原tomcat
ansible 192.168.x.xx -m shell -a "rm -rf /home/xxx/apache-tomcat-7.0.52/webapps/xxxx/dist/*"  #删除原dist包
ansible 192.168.x.xx -m shell -a "rm -rf /home/xxx/apache-tomcat-7.0.52/temp/*"   #删除缓存
ansible 192.168.x.xx -m shell -a "rm -rf /home/xxx/apache-tomcat-7.0.52/work/*"   #删除缓存
ansible 192.168.x.xx -m shell -a "cd /home/xxx/apache-tomcat-7.0.52/webapps/cloud-ai/ && tar -zxvf dist.tar.gz"  #解压dist压缩包
ansible 192.168.x.xx -m shell -a "nohup /home/xxx/apache-tomcat-7.0.52/bin/startup.sh"	#启动tomcat

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用Jenkins来实现Vue项目自动化部署。下面是一个简单的步骤: 1. 安装Jenkins:首先,你需要在你的服务器上安装Jenkins。你可以根据官方文档或者其他资源来完成安装过程。 2. 配置Jenkins:一旦安装完成,你需要通过浏览器访问Jenkins的网址,并且按照指引完成初始设置。这可能包括创建管理员账户、安装插件等。 3. 创建一个新的Jenkins任务:在Jenkins主页,点击"新建任务"按钮,然后输入任务名称和选择"自由风格"项目类型。 4. 配置代码仓库:在任务配置页面的"源码管理"部分,选择你的代码仓库类型(如Git),并提供代码仓库的URL和凭据(如果有的话)。 5. 配置构建步骤:在任务配置页面的"构建"部分,添加构建步骤。对于Vue项目,你可以使用以下命令来构建: ``` npm install npm run build ``` 这将安装项目依赖并生成静态文件。 6. 配置部署步骤:在任务配置页面的"构建后操作"部分,添加部署步骤。你可以使用SSH插件或者其他适用的插件来实现远程部署。 如果你使用SSH插件,你需要提供远程服务器的地址、凭据和部署命令。部署命令应该包括将构建后的静态文件复制到远程服务器的指定目录。 如果你使用其他插件或者工具来进行部署,根据插件或者工具的文档进行配置即可。 7. 保存任务配置并运行任务:一旦你完成了任务配置,点击"保存"按钮,并运行任务。Jenkins将根据你的配置自动构建和部署Vue项目。 请注意,这只是一个简单的示例,你可能需要根据你的具体情况进行适当的调整和配置。此外,确保你的服务器和部署目标环境已经正确配置,并且有足够的权限来执行构建和部署操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值