一、首先安装jenkins和gitLab(可自行百度查看如何安装jenkins和gitLab),并在jenkins所在服务器安装vue项目打包所需工具,包括node.js;vue-cli脚手架,webpack工具,还需在jenkins服务器安装git工具用于进行git项目下载。 安装内容: 1、vue部分: (1)Node.js(安装完成后检查node和npm版本是否已安装完成,命令node -v) (...
2.4 配置 docker-compose.yml 下载好的 docker-compose 一般是放在 /usr/local/bin 下 在同级目录下 创建 docker-compose.yml 内容如下 注意:network_mode: “host” 外网直接访问服务端口,如此 映射的端口 实际上无效的,直接访问容器配置文件的 端口,比如 -p 5767:80 实际上访问地址ip:80 而不是ip:5756 详...
ln -s /root/node-v10.15.0-linux-x64/bin/npm /usr/local/bin/npm 注:如果你安装了低版本的nodejs,那么vue项目有些依赖npm安装会报错,类似于包版本低已弃用,导致构建失败,此时,即使你在服务器手动更新nodejs版本,你构建时还是不生效的。此时你就需要去jenkins上安装nodejs插件。 jenkins上安装nodejs插件: ...
其中URL就是项目的git远程仓库地址(填写完地址下面出现红色报错信息,不用担心,接着去配置好下面的credentials后就好了), credentials是git登录凭据,还可以指定项目分支,其中credentials如果是空的,则需要点击添加完成配置后,才能选择: 3.3 构建环境 我们这里是vue项目,所以选择node环境,并选择前面配置的node环境版本,如下...
在任务配置页面中,找到Source Code Management部分,选择Git,并填写Vue.js项目的仓库地址。如果采用的是http协议的话还需要配置git仓库的凭证。 _20231203204626.jpg 构建触发配置 在Build Triggers部分,选择配置构建触发规则。我这个项目构建不是很频繁,每次我提交完代码需要部署的时候都是手动点击立即构建来手动触发的,所...
本文介绍使用Jenkins一键将NodeJS(Vue)前端项目打包并上传到生产环境服务器,这里使用的是直接打包静态页面,发送到远程服务器Nginx配置目录的方式,首先确保服务器环境配置好,安装Nginx,运行目录,日志存放目录等。 一、服务器环境配置 Nginx安装也有多种方式,源码安装、yum安装、Docker安装等,安装并不复杂,...
1.新建自有风格项目 2.选择参数化构建过程 image.png 3.git代码仓库配置好 4.构建环境选node image.png 5.新增一个有条件的构建步骤 image.png 我这里判断是发版还是回滚,如果是发版才执行打包命令 image.png 判断脚本如下: #!/bin/bash if [ $BUILD_TYPE == Deploy ];then ...
jenkins部署vue 1.首先jenkins依赖java环境,服务器需要安装jdk和配置环境变量 2.安装jenkins yum install jenkins 3.jenkins默认端口是8080,登录ip:8080即可访问,也可以在/etc/sysconfig/jenkins目录下找到JENKINS_PORT修改 4.新建任务 5.配置要拉取的代码的git地址,gitHub/gitLab/gitee,和用户名密码及分支...
2. 安装所需插件与配置插件 2.1. NodeJs 安装nodejs插件,用于vue项目打包构建。 安装插件 在系统管理(Manage Jenkins) - 插件管理(Manage Plugins)中, 点击可选插件(第二个),搜索Nodejs ,勾选后,点击直接安装。 设置插件 在系统管理(Manage Jenkins) - 全局工具管理(Global Tool Configuration)中,拉到最底部,...
Jenkins 自动构建node vue项目配置 * Jenkins 新建任务 输入任务名称,选择创建一个自由风格的项目。 * 任务构建配置 作者用的是git,这里用git做例子。 输入项目的git地址,和用于登录git账号密码。指定分支选择你想构建的git分支。 勾选构建触发器,用于git更新代码后会自动推送到jenkins自动构建。