jenkins+nginx部署前端页面&静态资源

一、前端页面添加至gitee

1. 本地页面
   
2. 远程仓库
   

二、jenkins新建item

1. 输入名称qian 选择第一项，点击确定
   
   配置item

2. general 添加简单的描述信息
   

3. 源码管理-输入仓库地址添加凭据
   
   添加凭据-点击添加，输入用户名和密码即可
   

4. 构建触发器——触发远程构建
   

5. 构建环境
   
   添加如下命令

mv /root/.jenkins/workspace/qian/* /usr/location/nginx/regist/
1

结果如下：

点击保存

三、配置nginx

注意之前我们添加的shell脚本 将jenkins/workspace/qian/目录下的所有资源移动到了指定目录

server {
        listen 81;#访问的端口
		server_name localhost;#访问的域名
		
		location / {
			root regist;#访问的资源目录
			index index.html;#访问的资源名称
		}
		error_page 500 502 503 504 /50x.html;#错误页面
			location = /50x.html {
			root html;
		}
}		
1
2
3
4
5
6
7
8
9
10
11
12
13

修改配置并启动nginx

四、运行项目

点击bulid now

五、测试访问

http://172.16.0.51:81/znb.html
http://172.16.0.51:81/