最近公司项目在测试前端项目,需要频繁的进行更换文件,虽然工作量不大,但是频繁的重复工作有点降低了工作效率,于是就搭建了jenkins + Vue 的自动化部署,可以实现自己拉取代码+构建+然后再发到web服务器上面,只需要告诉开发Jenkins的地址,去点一下鼠标就能实现自动化部署了。 环境介绍: 系统:CentOS Linux release 7.6....
构建后操作:选Send build artifacts over SSH 选择项目运行的服务器,将打包好的文件发布过去,然后根据实际情况进行部署配置即可。 vue打包后就是纯静态的html文件了,使用一个web容器(nginx,tomcat,apache等等)运行起来,或者放到docker集群运行。我这里使用nginx作为展示(需要先部署并运行nginx,这里不进行讨论)。 远程执行...
将部署脚本上传到服务器的/opt/script目录下,并赋予可执行权限 chmod 755 publish_portal.sh 二、新建Jenkins配置打包任务,部署打包后的Vue页面 1. Dashboard > 新建任务,输入任务名称,选择“构建一个自由风格的软件项目”,点击确定。 Dashboard 新建任务 2. 项目配置,进入到任务配置页 丢弃旧的构建 :这里在保持...
docker run -d -p 8083:80 --name vuenginxapp -v /Users/isaacho/Documents/application/docker/jenkins_home/workspace/vueclidemoapp/dist:/usr/share/nginx/html -v /Users/isaacho/Documents/application/docker/jenkins_home/workspace/vueclidemoapp/nginx.conf:/etc/nginx/nginx.conf vuenginxapp表示已我...
jenkins部署vue项目 一、新建自由风格的项目 二、配置项目 三、部分部署脚本 #!/bin/bash echo $PATH npm config set proxy null npm config set https-proxy null npm config set registry https://registry.npm.taobao.org node -v npm -v npm install...
你的前端项目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跑了命令
流程:jenkins关联码云仓库,点击立即构建,执行shell进行构建,打包,把打包后的dist目录文件放到服务器上,完成自动化打包部署。 一.服务器安装Java jenkins是运行在java环境中的,所以要先安装java,配置java环境变量后才能使用。 1、卸载系统自带的jdk //查找系统jdk[root@VM_0_2_centos~]# rpm-qa|grep java ...
jenkins上部署前端vue项目 简介:jenkins上部署前端vue项目 在这里默认读者已经安装完jenkins,如有没有安装的可参照 jenkins安装与部署 具体步骤 配置步骤按照以下图片操作即可 构建项目 General 源码管理 构建环境 注:此处的nodejs14是需要在系统管理-》全局工具配置 中配置以下nodejs...
Jenkins默认不支持Vue项目的自动化部署,需要安装相关的插件。在Jenkins的控制面板中,选择“插件管理”,搜索并安装“NodeJS Plugin”和“NodeJS”,这两个插件将用于运行npm命令。 2. 配置NodeJS 安装完插件后,需要配置NodeJS。在Jenkins的控制面板中,选择“全局工具配置”,找到“NodeJS”选项卡,添加一个NodeJS的安装...