Jenkins部署前端项目

最新推荐文章于 2024-08-07 13:55:10 发布

-行业小白

最新推荐文章于 2024-08-07 13:55:10 发布

阅读量724

点赞数 4

文章标签： jenkins 前端运维

本文链接：https://blog.csdn.net/weixin_45467931/article/details/137008374

版权

本文详细介绍了如何使用Jenkins配置自由风格软件项目，包括源码管理、构建步骤、通过SSH远程服务器操作，以及Nginx项目的启动配置、防火墙设置、重启和访问测试。最后展示了如何集成企业微信构建通知功能。

摘要由CSDN通过智能技术生成

Jenkins自动打包部署前端项目到服务器

已有Jenkins服务配置步骤就省略了，自己安装一个相关的插件这里就不详细介绍了… 直接上干货！

1、创建一个自由风格软件项目

在这里插入图片描述

2、源码管理配置

在这里插入图片描述

3、构建步骤设置

在这里插入图片描述

4、Send files or execute commands over SSH 配置远程服务器操作**

在这里插入图片描述

5、服务器项目nginx项目启动配置

1、nginx：
    配置nginx项目启动文件：
        /usr/local/nginx/conf.d  # 我在conf.d文件下增加项目配置文件test.**.conf
"""
# 后台接口地址
upstream sdn-webapi{
    server 192.168.***.**:端口 weight=10;
}

# 前端url+端口配置
server {
    listen 29090; # 端口，此端口需要，需要在防火墙开启此端口
    server_name 192.168.***.***; # 前端项目服务器地址
    access_log   /var/log/nginx/sdn.log main;
    log_not_found off;

    proxy_http_version 1.1;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-NginX-Proxy true;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";

    include /usr/local/nginx/myconf/include/nginx-kuayu-header.conf;

    #########################################
    location = /favicon.ico {
        root /usr/local/nginx/myconf;
        access_log off;
    }

    # 处理网站根路径的请求  
    location / {
        root /work/projects/****-***-html/html/; # 项目路径位置，能找到index.html目录位置
        # 尝试直接访问文件，如果文件不存在则回退到 index.html  
        try_files $uri $uri/ /index.html;
    }
	
	# 开启代理服务
    location ^~ /sdnWebapi {
        proxy_pass http://sdn-webapi;
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        rewrite ^/sdnWebapi/(.*) /$1 break;
    }


}
"""
2、防火墙开启此端口：
    sudo firewall-cmd --zone=public --add-port=29090/tcp --permanent
    sudo firewall-cmd --reload

3、重启nginx：
     cd /usr/local/nginx/sbin
     ./nginx -s reload
     
4、访问项目测试一下，成功了

6、Jenkins配置企业微信构建通知

a. 安装企业微信插件

b. 配置构建后操作

在这里插入图片描述