我们首先需要从Docker Hub拉取Jenkins的镜像。使用以下命令: dockerpull jenkins/jenkins:lts 1. 2. 启动Jenkins容器 接下来,我们将启动一个Jenkins容器,并将端口映射到主机上。执行以下命令: dockerrun-d-p8080:8080-p50000:50000--namejenkins\-vjenkins_home:/var/jenkins_home\--restartunless-stopped jenkins/...
一、Jenkins上配置从机 首先保证从机上已经安装了NodeJs、Java、Git 1.在系统管理–> 节点管理中配置从节点 点击“新建节点” 输入节点名称,点击确定 点击设置按钮,进入到从节点怕配置页 二、Jenkins上配置Publish Over SSH 1.在系统管理–>插件管理中下载Publish Over SSH插件 2.在系统管理–>系统配置中配置服务...
在Jenkins中创建一个新的构建步骤,选择“执行shell”,然后输入以下命令: 安装依赖:进入Vue项目目录,运行npm install命令安装项目依赖。 构建项目:运行npm run build命令构建Vue项目。 复制文件:将构建好的文件复制到指定目录,例如/var/jenkins_home/vue_project。四、编写Dockerfile在项目的根目录下创建一个名为Dockerf...
将这3个文件拷贝到vue项目,使用docker build命令,就可以打包了。 创建代码目录 mkdir-p /data/code 安装组件,用于jenkins发布 yuminstall-y rsync lsof 三、jenkins发布 由于有多个vue项目,每个vue项目的dockerfile都是一样的。因此,不需要将dockerfile提交到github中,放到服务器的固定位置即可。 发布时,将dockerfile...
1. 新建Dockerfile文件,用于定义Nginx镜像,及将打包成功的静态文件复制到镜像中,此文件放在前端项目的根目录下,Jenkins打包时会从此处查找Dockerfile文件。 FROM nginx:latest # 维护者信息 MAINTAINER gitegg # 将生成的静态页面文件复制到nginx的/usr/share/nginx/html/目录 ...
我们本地新建一个vue项目,并推到github 我们本地访问服务器上的jenkins,即打开网址http://localhost:8081 (如果是服务器这里localhost换成你服务器的ip) 我们用jenkins拉了github的项目到jenkins的安装目录里的workspace/目录 jenkins使用执行shell跑了命令
将这3个文件拷贝到vue项目,使用docker build命令,就可以打包了。 创建代码目录 代码语言:javascript 复制 mkdir -p /data/code 安装组件,用于jenkins发布 代码语言:javascript 复制 yum install -y rsync lsof 三、jenkins发布 由于有多个vue项目,每个vue项目的dockerfile都是一样的。因此,不需要将dockerfile提交到gi...
你的前端项目npm run build 成功 你需要一台 ram>1G的linux服务器 基本应变能力,排查bug能力 1.使用docker安装jenkins (1).创建一个docker-compose.yml文件,放到/home/work/文件夹下(可自定义,注意逻辑 代码语言:javascript 复制 version:'2.0'services:jenkins:container_name:'jenkins'# 容器名称image:jenkins/je...
我们本地新建一个vue项目,并推到github 我们本地访问服务器上的jenkins,即打开网址http://localhost:8081 (如果是服务器这里localhost换成你服务器的ip) 我们用jenkins拉了github的项目到jenkins的安装目录里的workspace/目录 jenkins使用执行shell跑了命令
其中,Docker和Jenkins是两个广泛使用的工具,它们可以无缝地结合在一起,实现应用程序的容器化和自动化部署。本文将指导你如何使用Docker和Jenkins来自动化部署Vue3+Vite前端项目。我们将通过以下步骤完成这个过程: 构建Vue3+Vite应用程序 创建Docker镜像 配置Jenkins 自动化部署流程一、构建Vue3+Vite应用程序首先,你需要...