3.3、项目构建配置这里选择执行shell,就是写一些shell脚本命令打包这个vue项目,并运行到docker容器(由于我是把打包好的vue项目放到nginx里面的,所以docker运行的是nginx容器,可以选择其他的:比如tomcat,把打包好的dist丢到tomcat里面,再运行tomcat也是一样的) npm这段打包vue项目的命令本来是写进dockerRun.sh脚本里的,不...
git remote add origin https://github.com/zwh0910/vue-print.gitgit push -u origin master 三、项目配置 1、下载nodeJS压缩包,下载地址:https://nodejs.org/zh-cn/download/,然后拷贝到服务器并解压到/root/jenkins/data目录下 2、在jenkins中安装nodeJs插件,然后重启jenkins 3、全局工具配置nodeJs 如果配...
1.安装nodejs插件,并配置 系统管理——插件管理——可选插件搜索nodejs——直接安装,重启jenkins 系统管理——全局工具配置——最下面nodejs——别名:nodejs_dev,勾选自动安装,选择最新版本——应用保存——最好重启一下jenkins 2.Public Over SSH插件安装及配置 系统管理-插件管理-可选插件中 直接搜 publish over...
Docker镜像拉取Nginx和Jenkins环境命令如下: docker pull nginx docker pull jenkins/jenkins:lts 1. 2. 安装完成后执行docker images可以清晰的看到当前Docker下存在的镜像。 docker images 1. Nginx和Jenkins目录编写 为了便于管理,在Docker下我们将Nginx和Jenkins聚集到一个文件目录之中。目录结构如下: + compose - ...
jenkins和nginx环境从远端docker镜像库拉取 docker pull jenkins/jenkins:ltsdocker pull nginx 1. 在这里推荐安装jenkins/jenkins这个镜像,jenkins镜像是docker官方维护的镜像,已经很久没有维护了,jenkins/jenkins是jenkins官方维护的库。更新频率非常的到位。后面跟lts表示长期支持的意思。
NodeJS(Vue)项目也可以通过打包成Docker镜像的方式进行部署,原理是先将项目打包成静态页面,然后再将静态页面直接Copy到Nginx镜像中运行。 一、服务器环境配置 前面说明了服务器Nginx的安装和配置,这里稍微有些不同,但是因为此文是用Nginx镜像和前端镜像页面同时部署的方式来打包发布的,所以这里不再需要建立 ...
CMD sed -i "s/empEnv.active/\"${env}\"/g" /usr/share/nginx/html/config.js && nginx -g 'daemon off;' 发布项目 直接构建即可,未做git的webhook,不能联动git push等,有需求的可以自己加上 image 总结 总体过程很简单,主要就是安装Jenkins->编写pipeline脚本->编写Dockerfile脚本。
Jenkins脚本(如果Nginx配置更改较多也可添加Nginx容器重启指令): cd/var/lib/jenkins/workspace/docker-spring-boot/spring-boot-nginx-docker-demomvncleanpackageif[-e"./volumes/app/docker-spring-boot.jar"]thenrm-f./volumes/app/docker-spring-boot.jar\&&cp./target/docker-spring-boot.jar./volumes/app/...
把我们的vue项目打包成镜像vuenginxapp 用这个镜像创建一个容器vuenginxapp 安装docker 请参考https://www.runoob.com/docker/macos-docker-install.html 我这里是mac, 安装成功之后,在状态栏有docker图标 这时命令行输入docker -v 则说明安装成功 docker安装jenkins ...
构建完成后的增加ssh命令 cd /www/wwwroot/tangjn-cn tar -zxvf dist.tar.gz rm -rf dist.tar.gz 我这边项目的运行地址是/www/wwwroot/tangjn-cn,上面的操作就是要将dist里的内容放到这个工作目录上,vue项目运行还需配置Nginx 配置完成后点击立即构建...