jenkins部署vue和tomcat项目

Jenkins使用方法

Jenkins安装、启动
  • 官网下载war包,放到指定目录,后台启动
cd /develop/server/jenkins/
nohup java -jar jenkins.war >nohup.out --httpPort=8888 &
  • 访问http://192.168.157.133:8888/

  • 修改密码为123456

vim /root/.jenkins/users/admin/config.xml
<hudson.security.HudsonPrivateSecurityRealm_-Details>     <passwordHash>#jbcrypt:$2a$10$MiIVR0rr/UhQBqT.bBq0QehTiQVqgNpUGyWW2nJObaVAM/2xSQdSq</passwordHash>
</hudson.security.HudsonPrivateSecurityRealm_-Details>
Jenkins配置
  • 手动安装插件

https://wiki.jenkins.io/display/JENKINS/Plugins 插件下载位置

Jenkins -> Manage Jenkins -> Manage Plugins -> Advanced -> Upload Plugin

插件:pipeline-maven、nodejs、subverion、git等

  • 配置全局工具

Jenkins -> Manage Jenkins -> Global Tool Configuration

配置maven、jdk、git、nodejs

部署前端vue项目
部署后端项目
  • 创建springboot-demo项目,为了演示如何部署tomcat,该项目需打包成war,而不是jar。

Jenkins -> New Item -> 项目名(springboot-demo)-> Freestyle project

  • 配置仓库位置

Jenkins -> springboot-demo -> Configure -> Git

  • 创建触发器(即定时build项目)

Jenkins -> springboot-demo -> Configure -> Build Triggers

​ -> Build periodically -> Schedule -> cron表达式

  • 构建

Jenkins -> springboot-demo -> Configure -> Build -> Invoke top-level Maven targets

  • 构建后的操作

Jenkins -> springboot-demo -> Configure -> Post-build Actions

​ -> Deploy war/ear to a container(部署到容器,如tomcat,这里会用到tomcat热部署,请参考附录的热部署详解)

  • 立即构建

Jenkins -> springboot-demo -> Build Now

附录

tomcat热部署

以tomcat8为例,演示如何进行热部署

  • 编辑/develop/server/apache-tomcat-8.5.11/webapps/manager/META-INF/context.xml
<!-- 注释掉这段代码 -->
<!-- <Valve className="org.apache.catalina.valves.RemoteAddrValve"
         allow="127\.\d+\.\d+\.\d+|::1|0:0:0:0:0:0:0:1" /> -->
  • 编辑/develop/server/apache-tomcat-8.5.11/conf/tomcat-users.xml
  <!-- 指定用户名为tomcat,密码为123456 -->
  <role rolename="tomcat-gui"/>
  <role rolename="manager-gui"/>
  <role rolename="manager-script"/>
  <role rolename="admin-gui"/>
  <role rolename="admin-script"/>
  <user username="tomcat" password="123456" roles="tomcat-gui,manager-gui,manager-	   script,admin-gui,admin-script"/>
  • 访问ip:port/manager,并输入密码即可。
简单的重启shell脚本
#!/bin/sh
#kill tomcat pid
export BUILD_ID=apache-tomcat-8.5.11_build_id

pidlist=`ps -ef | grep apache-tomcat-8.5.11 | grep -v "grep" | awk '{print $2}'`
function stop() {
if["$pidlist" == ""]
  then
    echo "tomcat已经关闭"
  
  else
    echo "tomcat进程号:$pidlist"
    kill -9 $pidlist
    echo "杀死$pidlist"
fi
}

stop
# 二次判断是否关闭成功
pidlist2 = `ps -ef | grep apache-tomcat-8.5.11 | grep -v "grep" | awk '{print $2}'`
if["$pidlist2" == ""]
  then
    echo "tomcat成功关闭"
  
  else
    echo "tomcat关闭失败"
fi

# 删除
rm -rf /develop/server/apache-tomcat-8.5.11/webapps/ROOT/*
# 复制
cp -r xxx/war/ /develop/server/apache-tomcat-8.5.11/webapps/ROOT
# 启动
cd /develop/server/apache-tomcat-8.5.11 && ./bin/startup.sh
# 日志
cd /develop/server/apache-tomcat-8.5.11 && tail -f logs/catalina.out
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jenkins是一个开源的自动化构建工具,可以用来部署各种类型的应用程序,包括Vue.js项目。下面是一些步骤,可以帮助您使用Jenkins部署Vue.js项目。 1. 安装JenkinsJenkins可以在Windows、Linux和macOS等操作系统上运行,您可以根据自己的需求选择适合的版本并安装。 2. 安装Jenkins插件:Jenkins有许多有用的插件,可以帮助您完成各种任务。对于Vue.js项目,您需要安装以下插件: - NodeJS插件:用于安装和管理Node.js环境。 - Git插件:用于从GitHub或其他Git存储库中获取源代码。 - Publish Over SSH插件:用于将构建好的文件上传到服务器。 3. 配置Node.js环境:在Jenkins中配置Node.js环境可以让您在构建时使用npm和其他Node.js工具。 - 在Jenkins管理界面中,选择“Global Tool Configuration”。 - 在“NodeJS”部分,单击“Add NodeJS”按钮。 - 输入Node.js的名称和安装路径,并保存配置。 4. 创建Jenkins构建任务:在Jenkins中创建一个新的构建任务,用于构建和部署Vue.js项目。 - 在Jenkins主页面上,单击“New Item”按钮。 - 输入任务名称,并选择“Freestyle project”。 - 在“Source Code Management”部分,选择Git,并输入GitHub存储库的URL和凭据。 - 在“Build”部分,单击“Add build step”,选择“Execute shell”。 - 在“Execute shell”中,输入以下命令: ``` npm install npm run build ``` 这将安装项目所需的所有依赖项,并构建Vue.js项目。 - 在“Post-build Actions”部分,单击“Add post-build action”,选择“Send build artifacts over SSH”。 - 在“SSH Server”部分,输入服务器的IP地址、用户名和密码,并保存配置。 - 在“Transfers”部分,输入构建好的文件的路径和服务器上的目标路径。可以使用通配符来指定文件路径。 5. 运行构建任务:现在,您可以运行构建任务,并等待Jenkins将构建好的文件上传到服务器。 - 在Jenkins主页面上,单击构建任务名称。 - 在任务页面上,单击“Build Now”按钮。 - 等待构建完成,并检查Jenkins控制台输出是否有任何错误。 - 检查服务器上的目标路径,确保上传的文件已经到达目标路径。 6. 访问Vue.js项目:现在,您可以在Web浏览器中访问Vue.js项目,并查看它是否已经成功部署到服务器上。 以上是使用Jenkins部署Vue.js项目的基本步骤。您可以根据自己的需求进行调整和优化。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值