Jenkin前端项目部署----远程服务

2024-06-06 21:42:23

jenkin前端项目部署----远程服务

Publish Over SSH(Jenkins插件)、linux服务器的nginx配置、存放位置

文章目录

jenkin前端项目部署----远程服务
前言
一、jenkins配置？
- 1.常用配置
- 2.Jenkins系统配置
- 3.遇到的坑
二、Linux配置
- 1.配置nginx
- 2.创建文件夹

前言

参考文章：https://juejin.cn/post/7000534516410351646

一、jenkins配置？

1.常用配置

1、创建一个自由风格的项目
2、钉钉机器人—>运行时，在钉钉上提示信息；
3、丢弃旧的构建---->解决每次构建占用磁盘的问题
https://blog.csdn.net/xl_name/article/details/79626238
4、源代码管理
代码存放的地址、可访问的账户、具体位置

4、构建触发器
轮询SCM----->H/2 * * * *
5、构建环境选择对应的NodeJS(版本很重要，一定要是对应的前端开发的版本)

6、执行shell

7、Send files or execute commands over SSH
（1）dist/****.tar.gz 当前目录下的压缩包；
（2）remote directory 这个写想要存放的位置，例如/alien
（3）解压路径./ 或者全路径（部分项目必须全路径）

2.Jenkins系统配置

Publish over SSH
1、里面新增一个对应ip的服务器；
2、需要账号、密码、想要存放文件的位置

3.遇到的坑

1.系统配置和Publish over SSH写的路径不一致，在指定的包总是不能显示
系统配置：/home/docker
构建的SSH：dist/**.tar
服务器上一直存在/home/docker下，实际想在/home/docker/v1下
2.Send files or execute commands over SSH
dist 自己寻设置的目录；
解压的时候必须写全路径（相对路径）
cd /home/docker/v1
tar -xzvf mulch.tar.gz -C ./m1

二、Linux配置

1.配置nginx

cd /etc/nginx/conf.d/locationconf：

location  /test {alias  /home/docker/v1/test;index  index.html index.htm;try_files $uri $uri/ /index.html 404;
}

编辑完成后需要重启nginx
重启命令：nginx -s reload

2.创建文件夹

这个是为了方便前端项目放在指定位置，所以一般要提前创建一个文件夹
cd /home/docker/volume
mkdir test

Jenkin前端项目部署----远程服务相关推荐

vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
前端开发完成的项目,不管是使用vue.react.或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问.这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里 ...
vue 前端项目部署阿里云服务器
vue 前端项目部署阿里云服务器 one 前期准备 two 代码打包扔服务器 one 前期准备首先两个软件应该下载(Xftp Xshell),如果有其他类似的软件也可以. 打开xftp,新建一个会 ...
基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题
基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题背景在这越来越发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视 ...
多个前端项目部署在nginx中同一个server下
多个前端项目部署在同一个域名下在vue.config.js中设置 publicPath: '/web/' 在路由index.js中设置 base:'/web/' 在index.html中加入修改N ...
Vue前端项目部署在tomcat
第一步配置java环境,下载tomcat后解压,然后将webapps里的默认文件删掉第二步修改vue项目下config/index.js,注意dev和build都要改assetsPublicPa ...
前端项目部署，阿里云服务器部署前端项目，超详细
需求背景:作为一个前端,特别身处于中小公司时,对于部署也需要有所了解.本次就介绍前端基础的项目部署.本次使用的是阿里云服务器进行的部署部署核心步骤 1.准备打包好的前端代码(dist包)或者是一个h ...
前端项目部署到云服务器
前端开发完成的项目,不管是使用vue.react.或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问.这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里 ...
【Vue】如何将一个Vue前端项目部署到Gitee
第一步:在Gitee上新建一个空的项目,记下项目的名称(如:test) 第二步:打包自己的前端项目. 注意事项:手动添加一个vue.config.js配置文件,修改打包之后js.css.图片等文件的引 ...
基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题...
背景在这越来越发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视. 所以在我们前端开发完成后,会有一些列的web应用的上线验证,如自测.QA测试.code review 等 ...

最新文章

热门文章