Jenkins 构建Vue项目

本文介绍如何使用Docker安装的Jenkins来配置构建环境,包括设置JDK和NodeJS环境变量,并详细说明了安装所需插件及构建项目的步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、配置构建环境

  • 通过Docker安装的Jenkins都会自带安装JDK
  • 查看Jenkins 容器中的环境变量

$ echo $PATH

$ vi /etc/profile

#JDK

export JAVA_HOME=/usr/local/openjdk-8

export PATH=$PATH:$JAVA_HOME/bin:

export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

  • 进入Jenkins管理页面配置JDK

 

  • 下载以及配置NodeJS环境变量
  • 这里我是通过下载好的node-v14.15.1-linux-x64.tar.xz上传到服务器

  • 再通过服务器解压移动到缩主机与Jenkins挂载的数据目录中分享

$ cd /app

$ tar -xvJf node-v14.15.1-linux-x64.tar.xz

$ mv node-v14.15.1-linux-x64 /data/jenkins_data

  • 进入Jenkins容器中配置环境变量

$ docker ps

$ docker exec -it [容器ID] /bin/bash

$ echo $PATH

$ apt-get update #可能没有VI工具、GIT工具需要更新安装

$ apt-get install net-tools git vim -y

 

$ vi /etc/profile #添加以下配置

#NodeJS

export NODE_HOME=/var/jenkins_home/node-v14.15.1-linux-x64

export PATH=$PATH:$M2_HOME/bin:$JAVA_HOME/bin:$NODE_HOME/bin

export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

 

$ source /etc/profile #更新环境变量

  • 进入Jenkins管理页面配置Node

 

二、安装插件

安装:NodeJS Plugin

三、构建项目

  • 新建任务

 

  • 定义任务名以及选择构建一个自由风格的软件项目
  • 选择 丢弃旧的构建

 

  • 配置Git源码管理

 

  • 构建环境选择Provide Node & npm bin/ folder to PATH

 

  • 选择构建

 

  • 添加Shell脚本

#!/bin/bash

echo "清除缓存"

npm cache verify

echo "开始安装编译"

npm install

npm run dev

 

四、其它构建

Jenkins 构建Maven项目:https://blog.youkuaiyun.com/zczhi_java/article/details/111152069

在使用Kubernetes(K8s)和Jenkins构建Vue项目时,可以按照以下步骤进行操作: 1. 首先,创建一个Git仓库来管理Vue项目的源代码,并将其与Jenkins关联。可以选择在Jenkins中创建一个新的项目或使用现有的项目。 2. 在Jenkins中创建一个Pipeline或一个自由风格项目,并配置相关参数。比如,指定GIT仓库的URL、凭证、构建触发器等。 3. 在Jenkins Pipeline脚本或构建过程中,配置Kubernetes插件以与K8s集群通信。这个插件使Jenkins能够在K8s集群上创建和管理Pod、容器等资源。 4. 在构建过程中,可以通过执行一系列步骤来构建Vue项目。例如,可以通过运行npm install安装项目所需的依赖项,然后执行npm run build命令来构建Vue项目。 5. 构建完成后,可以使用Kubernetes插件将构建生成的静态文件打包为容器镜像,并将其推送到K8s的镜像仓库中。 6. 在Jenkins中配置Kubernetes插件,以便创建部署文件(Deployment)和服务(Service)等K8s资源。这些资源将使用前面构建的镜像来部署Vue应用程序。 7. 配置Kubernetes插件以在K8s集群上创建一个新的Pod,并将前面创建的K8s资源应用到该Pod上。 8. 最后,确认应用程序在K8s集群中成功部署并运行。可以通过访问指定的服务URL来查看Vue应用程序的界面。 这里只是简要地介绍了使用K8s和Jenkins构建Vue项目的基本步骤和操作。具体的实施会因环境、涉及的组件等因素而有所差异。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值