文章目录
1.进入jenkins
-
查找ip地址
输入: ifconfig
-
打开jenkins
在游览器中输入虚拟机的ip地址和端口号http://192.168.40.132:8080
-
安装推荐插件
2.安装插件
- 安装以下插件
- NodeJS;
Publish Over SSh; 用于链接远程服务器
Deploy to container;把打包的应用发布到远程服务器
3.配置git环境或Nodejson环境
配置git环境
- 安装git(如果没在jenkins里在线安装插件)
yum install git
- 查看git的文件位置;默认是在 /usr/bin/git
whereis git
- 打开系统管理里面全局工具配置
- 配置git
配置Nodejson环境
(依赖nodejs下载得第三方库的前端项目,用vue框架写的前后端分离得项目都需要依赖此环境)
自动下载
- 自动下载的NodeJS文件保存在/var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/ 下面
- nodejs 如果版本高了也不可能启动不了,换个低版本的就好了(与服务器冲突)
手动下载
- 手动下载好NodeJS得压缩包,然后上传到服务器的指定位置
/var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/
- 然后解压
cd /var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/
tar -zxvf node-v12.18.3-linux-x64.tar.gz -----写下载的对应的版本号
4.配置git凭证信息
- 设置全局凭证
- 添加凭据
5.新建项目配置部署信息
配置git代码仓库的地址和凭证等
- 配置git地址和凭证信息,指定代码分支
点击源码管理,然后配置代码仓库和对应的凭据信息和指定代码分支
配置触发条件
- 设置项目的自动发布的触发条件
配置构建环境
- 选中之前在全局配置添加NodeJS的名称
- 设置构建参数和执行命令
发布项目到本机
-
设置构建命令
-
点击增加构建步骤,选择执行shell
-
把构建项目的命令放进去
#切换目录(项目在git源码根路径的x’xxx目录下就需要cd进去,你们的如果是在根路径下面,cd这个命令请忽略)
#cd xxx
加载依赖:npm install
构建代码:npm run build
复制构建后的文件到nginx里面项目对应的部署目录下:cp dist* -rf /usr/local/nginx/test
- 由于jenkins服务默认是有jenkins用户启动的,所以要给vue项目发布的目录授权
chmod 777 /usr/local/nginxnginx-1.18.0/jenkins/www/ocrweb
- 访问:ip则可以看到部署的项目
ps :
1.
2.- 配置web服务,指定端口,注意不要占用别的端口
-
复制右边代码,重新指定端口号,和test对应的目录,以此来部署前端项目
-
输入命令
/usr/local/nginx/sbin/nginx -s
—刷新配置 -
访问 ip:端口 即可看到项目