jenkins 部署node应用


1.安装插件

部署应用首先需要安装nodejs 的插件,我们打开Jenkins页面,进入系统管理->插件管理->可选插件,搜索nodejs插件进行安装。(我们这里已经安装过了,在已安装页面就可以找到这个插件)
插件安装

2.Node js安装

进入系统管理->全局工具配置 进入全局工具配置页面,找到Node js选项,点击Nodejs安装,填入别名及安装方式(这里选择自动安装,版本选择为node12.7)
nodejs 安装

3.远程服务器配置

进入系统管理->系统设置,进入系统设置页面,往最下面划,然后新增SSH Server ,填入对应的服务器信息,点击保存即可
ssh server 添加

4.添加任务

  • 点击新建任务选项
    新增任务
  • 输入任务名称,选项选择为 "构建一个自由风格的软件项目",点击确认,然后进入到任务配置页面
    任务表单

    5.项目基础构建

    如果有构建参数,及选择参数化构建过程,这里需要安装插件(Git Parameter Plug-In),填入你要构建的参数即可。

6.源码管理

在源码管理里选择git源码管理(如果是svn管理的代码,需要安装svn插件),并且输入代码仓库地址,分之名称,以及认证(认证方式有多种,秘钥、用户名密码,可以根据自己的需要来做调整)
git源码管理
git 认证

7.Nodejs环境构建

  • 在环境构建选择Provide Node & npm bin/ folder to PATH 这个选项,然后在nodeJs Installation 选择你刚刚配置的nodejs,我们这里选择我们刚刚安装的js node12.7
  • 点击增加构建步骤,选择"执行shell"选项,输入node应用编译命令,并且打包
npm install 
npm run build
tar -zcvf dist.tar.gz dist

环境构建

8.将构建好的代码发送到远程服务器

在构建后的操作选项里点击 "增加构建后操作步骤",然后选择"send build artifacts over ssh“,
然后填写构建表单,包括服务器名称,传输的文件,远程目录地址,以及相应的启动脚本,具体的可以参考下图(因为我们的node应用都是用doker部署的,docker-compose 在应用打包时打包到dist下了,所以在Exec command下写对应的shell脚本,解压启动即可)

## 进入文件夹
cd /usr/webapp/myapp
## 创建临时文件夹
mkdir ./temp
##将传送过来的压缩包解压到temp 目录下
tar xzf dist.tar.gz -C ./temp
## 创建备份文件夹
mkdir ./web_bak
## 删除备份文件夹下的备份数据
rm -rf ./web_bak/dist
## 备份数据
mv ./dist ./web_bak
## 检测是否替换docker-compose 文件
if [ ! -f "./docker-compose.yml" ]; then
    mv  ./temp/dist/docker-compose.yml ./docker-compose.yml
fi
## 移动对应的目录
mv  ./temp/dist dist
## 删除临时目录
rm -rf ./temp
## 重新启动
docker-compose down
docker-compose up -d

发布

附件

附一份前端的简单docker-compose 文件

version: '3.7'
services:
 myapp:
   image: nginx:1.17.1-alpine
   container_name: myapp
   environment:
     - TZ=Asia/Shanghai
   ports:
     - "80:80"
   volumes:
     - "./dist:/usr/share/nginx/html"
     - "./logs:/var/log/nginx/"
   restart: always
   network_mode: "bridge"

转载于:https://www.cnblogs.com/jakaBlog/p/11284457.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值