Jenkins远程发布前后端分离项目

1、安装Jenkins插件

Publish Over SSH版本1.25

系统管理--->>插件管理----->>可用插件搜索即可

配置远程服务器

系统管理--->>一直往下拉，就看的见Publish over SSH

现在你的远程服务器创建你需要的nginx配置文件、Dockerfile、shell脚本

Dockerfile文件

sudo vim Dockerfile

#使用官方 nginx 镜像作为基础镜像  
FROM nginx:latest
EXPOSE 80
COPY  dist/   /usr/share/nginx/html  #将当前目录下的dist文件复制到nginx的html目录下
ADD  default.conf   /etc/nginx/conf.d  #将当前目录下的nginx文件指定为nginx的文件

nginx的配置文件

sudo  vim  default.conf

server {
        listen       80;
        server_name  你的IP;
        location / {
            root /usr/share/nginx/html;
                try_files $uri $uri/ /index.html last;
                index index.html;
        }
        location /api/ {
        proxy_pass http://你的后端IP:端口/;
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
    }
    }
 

sudo vim vue.sh

#!/bin/bash
# 检查是否存在 dist 目录
if [ -d "dist" ]; then
  echo "dist 文件夹存在，继续执行后续步骤"
  # 在这里继续执行你的后续命令，例如创建 Dockerfile
else
  echo "没有 dist 文件夹，无法创建 Dockerfile"
  exit 1
fi
# 强制删除名为 vue 的容器（如果存在）
docker rm -f vue 2>/dev/null

# 删除名为 vue:v1 的镜像（如果存在）
docker rmi -f vue:1 2>/dev/null

# 构建名为 vue:1 的镜像
docker build -t vue:1 .

# 运行 vue:v1 镜像
docker run -d --name vue -p 80:80 vue:1

# 查看镜像并输出结果
if docker ps | grep vue; then
  echo "容器创建成功"
else
  echo "容器创建失败"
fi
 

注意，一定要给nginx跟shell脚本权限，不然容器起不来

创建一个自由风格的前端新项目

前端项目配置

配置选项参数，防止误触构建

构建环境---->>选择node打包，这里插件需要安装才会有显示

部署到远程服务器

构建后操作，找到这个参数

配置远程信息

保存之后就构建

查看日志是否成功

配置后端

现在你的远程服务器编写Dockerfile跟java.sh

sudo vim Dockerfile

# 使用官方的 OpenJDK 11 作为基础镜像
FROM openjdk:21

# 设置工作目录
WORKDIR /app

# 将本地的 JAR 文件复制到容器中的工作目录
COPY df-admin/build/libs/XXXX.jar   /app/XXX.jar

# 运行 JAR 文件
ENTRYPOINT ["java", "-jar", "/app/dXXX.jar"]

# 公开应用程序监听的端口
EXPOSE 87

编写java.sh

#!/bin/bash
if [ -d "df-admin" ]; then
      echo "df-admin 文件夹存在，继续执行后续步骤"
        # 在这里继续执行你的后续命令，例如创建 Dockerfile
    else
          echo "没有df-admin文件夹，无法创建 Dockerfile"
    exit 1
 fi

# 强制删除名为 java 的容器（如果存在）
docker rm -f java 2>/dev/null

# 删除名为 java:v1 的镜像（如果存在）
docker rmi -f java:1 2>/dev/null

# 构建名为 java:1 的镜像
docker build -t java:1 .

# 运行 java:v1 镜像
docker run -d --name java -p 87:87 java:1

# 查看镜像并输出结果
if docker ps | grep 87; then
      echo "容器创建成功"
  else
        echo "容器创建失败"
  fi
 

构建后操作步

保存点击构建

最后登录远程服务器查看是否真的部署好容器

docker ps 

大概就是这样，多踩坑才能成长，加油，少年