前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >利用jenkins自动构建前端项目并部署到远程服务器中运行

利用jenkins自动构建前端项目并部署到远程服务器中运行

作者头像
晓果冻
发布2022-06-17 15:16:21
1K0
发布2022-06-17 15:16:21
举报

利用jenkins自动构建前端项目并部署到远程服务器上运行

代码语言:javascript
复制
        #!/bin/bash
        
        echo "当前构建的任务名称:$JOB_NAME"
        
        #目标服务器B,即要运行jar包的服务器
        serverB="远程服务器B的ip"
        
        #目标服务器B存放dist包路径
        Bpath=/home/mogu_blog/${JOB_NAME}
        
        echo "--------------进入前端工作目录/home/jenkins/workspace/mogu/${JOB_NAME}/---------------------"
        cd /home/jenkins/workspace/mogu/${JOB_NAME}/
        
        echo "-------------开始构建项目----------------"
        
        # 指定node-sass的国内镜像源
        npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass
        
        # 使用淘宝镜像源进行依赖安装,解决国内下载缓慢的问题(出现警告可以忽略)
        npm install --registry=https://registry.npm.taobao.org
        
        # 打包
        npm run build
        
        #压缩
        tar -cvzf dist.tar.gz ./dist
        
        #传输jenkins构建好的jar包和Dockerfile到目标服务器B上
        for host in $serverB
        do
        	echo "目标服务器:*********$host*********"
        	echo "目标服务器存放dist包位置:**************$Bpath**************"
        	ssh root@$host 
        	scp -r /home/jenkins/workspace/mogu/${JOB_NAME}/dist.tar.gz root@${host}:${Bpath}  
        	scp -r /home/jenkins/workspace/mogu/${JOB_NAME}/Jenkinsfile root@${host}:${Bpath}
        	echo "文件传输完成!!!!"
        	echo "检查目标服务器$host->$Bpath路径下是否存在dist包"
        done
代码语言:javascript
复制
	#!/bin/sh
        tar -zxvf dist.tar.gz
        systemctl restart nginx
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 利用jenkins自动构建前端项目并部署到远程服务器上运行
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档