Docker compose+Next.js+Spring boot+Prisma+Github actions实现CI/CD

# 指定 Docker Compose 文件的版本，根据自己安装的docker版本而定
version: "3"
# 定义一个自定义的网络kasuie，用于连接这些服务，网络类型为 bridge （Docker 默认的网络模式）
networks:
  kasuie:
    driver: bridge

services:
  database: # 定义一个 MySQL 服务
    image: mysql:5.7.36 #  指定镜像及版本，如果镜像在本地不存在，会尝试去拉取这个镜像
    container_name: mysql # 指定容器的名称为 mysql
    ports: # 宿主端口:容器端口 格式，这里将容器的 3306 端口映射到宿主机（所在服务器）的 3306 端口，可映射多个端口
      - "3306:3306"
    environment: # 设置容器的环境变量，包括时区、MySQL root 用户的访问权限和密码
      - TZ=Asia/Shanghai
      - MYSQL_ROOT_HOST=%
      - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PASSWORD}
    volumes: # 挂载宿主机上的文件或目录到容器内，包括 MySQL 配置文件和数据目录，避免重启数据丢失
      - /etc/my.cnf:/etc/my.cnf
      - /var/lib/mysql/:/var/lib/mysql/
      - /home/mysql/initdb.sql:/docker-entrypoint-initdb.d
    restart: always # 设置容器总是在退出时重新启动
    command: # 指定运行容器时执行的命令，配置 MySQL 服务的一些参数
      - mysqld 
      - --default-storage-engine=InnoDB 
      - --character-set-server=utf8mb4 
      - --collation-server=utf8mb4_unicode_ci 
      - --explicit_defaults_for_timestamp
    networks: # 将容器连接到 kasuie 网络
      - kasuie
  redis: # 定义一个 Redis 服务，相同字段解释同上
    image: redis:7.0.4
    container_name: redis
    environment:
      TZ: Asia/Shanghai
    command: redis-server --save 600 1000 --requirepass ${REDIS_PASSWORD} --port ${REDIS_PORT}
    restart: always
    volumes:
      - /usr/local/docker/redis:/data #数据文件挂载
      - /usr/local/docker/redis/redis.conf:/etc/redis/redis.conf #配置文件挂载
    networks:
      - kasuie
  web-api: # 定义一个 web-api 服务
    image: ${APITAG:-default} # 使用镜像由变量 `${APITAG}` 指定，不指定默认为default
    restart: always
    container_name: web-api
    environment: # 设置容器的环境变量，包括 MySQL 和 Redis 的连接信息
      MYSQL_URL: ${MYSQL_URL}
      REDIS_HOST: ${REDIS_HOST}
      REDIS_PORT: ${REDIS_PORT}
      REDIS_PASSWORD: ${REDIS_PASSWORD}
      TZ: Asia/Shanghai
    ports:
      - "8001:8001"
    networks:
      - kasuie
    depends_on: # 定义此服务依赖于其他服务（database 和 redis），确保在启动此服务之前启动这两个服务
      - database
      - redis
  web-v4:
    image: ${IMAGETAG:-default}
    restart: always
    container_name: web-v4
    ports:
      - "3001:3000"
    networks:
      - kasuie

MYSQL_ROOT_PASSWORD=your_mysql_password
MYSQL_URL=your_mysql_url
REDIS_PASSWORD=your_mysql_password
REDIS_PORT=your_redis_port
REDIS_HOST=redis

docker-compose up -d database redis

name: Web-v4 Docker Image CI # workflow 的名，可省略，默认为当前 workflow 的文件名
on: # 指定触发 workflow 的条件，这里是指定代码push的时候，可为数组，指定多个条件：[push, pull_request]，push或者pull_request都可以触发
  push:
    branches: [pro-docker] # 指定workflow工作的分支，可以填多个
  workflow_dispatch: # 可在Github actions面板手动触发workflow

#  一个workflow由执行的一项或多项job（任务）
# 一个job包含一个或多个setp（步骤），steps字段指定每个job的运行步骤
jobs: 
  build-and-push:  # 指定这个job名为build-and-push，Github actions面板流程图会显示这个名称
    runs-on: ubuntu-latest # 指定运行在最新版ubuntu系统中
    steps:
      - name: Set state # 指定这个setp名为Set state，job面板详情会显示
        run: | # 执行某个shell命令或脚本
	  echo "DOCKER_NAMESPACE=kasuie" >> $GITHUB_ENV # 设置一些变量并存储在 GitHub actions 的环境变量中，以便在后续步骤中可以使用
          echo "IMAGE_NAME=image-web-v4" >> $GITHUB_ENV
          echo "IMAGE_TAG=registry.cn-hangzhou.aliyuncs.com/kasuie/web-v4:${{github.sha}}" >> $GITHUB_ENV
      - name: Checkout # 使用actions/checkout@v4检出代码
        uses: actions/checkout@v4
      - name: Login to Ali Docker 
        uses: aliyun/acr-login@v1 # 因为我用的是阿里云的镜像服务，所以使用了阿里云的aliyun/acr-login@v1登陆阿里云docker仓库
        with:
          login-server: ${{secrets.ALI_DOCKER_REGISTRY}}
          username: ${{secrets.ALI_DOCKER_USERNAME}}
          password: ${{secrets.ALI_DOCKER_PASSWORD}}
      - name: Build and push Docker Image 
        uses: docker/build-push-action@v5 # 使用docker/build-push-action@v5构建docker镜像，并上传到阿里云镜像仓库
        with:
          file: ./Dockerfile # 放在根目录下的Dockerfile文件，后面会讲，包含一组用于在 Docker 容器中自动执行的指令，指定构建自定义Docker镜像的步骤
          push: true # 是否自动推送
          tags: ${{env.IMAGE_TAG}} # 镜像的tag
  pull-and-restart:  # 指定这个job名为pull-and-restart
    needs: build-and-push # 指定当前任务的依赖关系，即运行顺序，这里是这个job必须等待 build-and-push 成功完成才执行
    runs-on: ubuntu-latest
    steps:
      - name: Set state
        run: |
	  echo "DOCKER_NAMESPACE=kasuie" >> $GITHUB_ENV
          echo "IMAGE_NAME=image-web-v4" >> $GITHUB_ENV
          echo "IMAGE_TAG=********/****/****:${{github.sha}}" >> $GITHUB_ENV
      - name: Login Server and Start
        uses: appleboy/ssh-action@master # 使用appleboy/ssh-action@master登录远程服务器并重启服务
        with:
          host: ${{ secrets.REMOTE_HOST }}
          username: ${{ secrets.REMOTE_USERNAME }}
          key: ${{ secrets.PRIVATE_KEY }} 
          script: | # shell命令，这里是服务器上拉取镜像，删除旧版本镜像，以及重启对应容器服务
	    cd /usr/local/web/
            docker login -u=${{secrets.ALI_DOCKER_USERNAME}} -p=${{secrets.ALI_DOCKER_PASSWORD}} ${{secrets.ALI_DOCKER_REGISTRY}}
            docker-compose stop web-v4 && docker-compose rm web-v4
            docker image rm $(docker image ls *镜像仓库地址* -q) || echo "删除镜像异常"
            export IMAGETAG=${{env.IMAGE_TAG}}
            docker-compose up -d web-v4

cat id_rsa.pub >> authorized_keys  # 复制一份公钥到authorized_keys中
chmod -R 700 ~/.ssh # 修改文件权限
chmod -R 640 authorized_keys # 修改文件权限

name: Web2 Docker Image CI
on:
  push:
    branches: [master]
  workflow_dispatch:

jobs:
  build-and-push:
    runs-on: ubuntu-latest
    name: Running and compile
    steps:
      - name: Set state
        run: |
	  echo "IMAGE_TAG=${{secrets.DOCKER_REPOSITORY}}:${{github.sha}}" >> $GITHUB_ENV
      - name: Checkout
        uses: actions/checkout@v4
      - name: Login to Ali Docker
        uses: aliyun/acr-login@v1
        with:
          login-server: ${{secrets.ALI_DOCKER_REGISTRY}}
          username: ${{secrets.ALI_DOCKER_USERNAME}}
          password: ${{secrets.ALI_DOCKER_PASSWORD}}
      - name: Build and push Docker Image
        uses: docker/build-push-action@v5
        with:
          context: .
          file: ./Dockerfile
          push: true
          tags: ${{env.IMAGE_TAG}}
  pull-and-restart:
    needs: build-and-push
    runs-on: ubuntu-latest
    steps:
      - name: Set state
        run: |
	  echo "IMAGE_TAG=${{secrets.DOCKER_REPOSITORY}}:${{github.sha}}" >> $GITHUB_ENV
      - name: Login Server and Start
        uses: appleboy/ssh-action@master
        with:
          host: ${{ secrets.REMOTE_HOST }}
          username: ${{ secrets.REMOTE_USERNAME }}
          key: ${{ secrets.PRIVATE_KEY }}
          script: |
	    cd /usr/local/web/
            docker login -u=${{secrets.ALI_DOCKER_USERNAME}} -p=${{secrets.ALI_DOCKER_PASSWORD}} ${{secrets.ALI_DOCKER_REGISTRY}}
            docker-compose stop web-api && docker-compose rm web-api
            docker image rm $(docker image ls *镜像仓库地址*  -q) || echo "删除镜像异常"
            export APITAG=${{env.IMAGE_TAG}}
            docker-compose up -d web-api

# 指定基础镜像为Node.js 18 版本的 Alpine Linux 并命名为base，以后可以通过这个名称引用。
FROM node:18-alpine AS base 
# 从上一阶段的 base 镜像继续构建，创建一个新的镜像阶段，命名为 deps。
FROM base AS deps
# 安装 Alpine Linux 上的一个软件包libc6-compat，用于兼容性
RUN apk add --no-cache libc6-compat

# 指定工作目录为 /web-v4
WORKDIR /web-v4
# 将本地的 package.json、yarn.lock、package-lock.json、pnpm-lock.yaml 文件以及 /prisma`目录复制到容器中的 /web-v4 目录
COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
COPY /prisma ./
# 安装依赖，sharp 是一个用于处理图像的库，我这里貌似配置不当，生成环境sharp老是报错，这里可以忽略掉关于它的命令，不安装也不会导致失败，只是nextjs应用的图形处理无法使用，然后，使用 npm ci`安装依赖，如果安装失败，则删除 node_modules 目录并退出构建
RUN set -eux; \
    npm i sharp \
    npm ci || { rm -rf node_modules; exit 1; };
# 如果你使用想要兼容其他包管理工具，以下可作参考
# RUN npm i sharp
# RUN \
  # if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
  # elif [ -f package-lock.json ]; then npm ci; \
  # elif [ -f pnpm-lock.yaml ]; then npm install -g pnpm && pnpm i --frozen-lockfile; \
  # else echo "Lockfile not found." && exit 1; \
  # fi
# 

# 从 base 镜像创建一个新的构建阶段，命名为 builder
FROM base AS builder 
#指定工作目录
WORKDIR /web-v4
# 从之前的 deps 阶段复制依赖到当前阶段，然后将当前目录中的所有文件复制到容器的 /web-v4 目录
COPY --from=deps /web-v4/node_modules ./node_modules
COPY --from=deps /root/.npm /root/.npm
COPY . .

#开始构建
RUN npm run build

# 从 base 镜像创建一个新的运行阶段，命名为 runner
FROM base AS runner
WORKDIR /web-v4
# 添加一个系统用户组和用户，用于运行应用程序
RUN addgroup --system --gid 1001 nodejs
RUN adduser --system --uid 1001 nextjs
# 创建 .next 目录，并设置所有者为新创建的用户和用户组
RUN mkdir .next
RUN chown nextjs:nodejs .next
# 设置环境变量 NODE_ENV 为 production，表示应用程序运行在生产环境下。同时，设置 NEXT_SHARP_PATH`变量用于防止找不到 `sharp` 
ENV NODE_ENV production
ENV NEXT_SHARP_PATH /wev-v4/node_modules/sharp
# 从之前的 builder 阶段复制构建好的静态文件和应用程序到当前阶段
COPY --from=builder /web-v4/public ./public
COPY --from=builder --chown=nextjs:nodejs /web-v4/.next/standalone ./
COPY --from=builder --chown=nextjs:nodejs /web-v4/.next/static ./.next/static

# 切换用户到 nextjs 用户
USER nextjs

#可以指定运行的端口，next应用默认是3000
# ENV PORT 3000
# 这里如果不是使用docker compose，容器运行成功但访问不了可以尝试把HOSTNAME 设置为 “localhost”
# ENV HOSTNAME "localhost"

# 定义容器启动时运行的默认命令，这里是运行 server.js 文件
CMD ["node", "server.js"]

npm install prisma --save-dev # 安装依赖
npx prisma init # 初始化

// lib/prisma.ts
import { PrismaClient } from "@prisma/client";

declare global {
  var prisma: PrismaClient | undefined;
}

const prisma = global.prisma || new PrismaClient();

if (process.env.NODE_ENV === "development") global.prisma = prisma;

export default prisma;

await prisma.t_user.findUnique({
	where: {
		password: Encrypt(password),
		username,
	},
});

# 使用 Maven 3.6.3 和 OpenJDK 8 作为构建阶段的基础镜像。这个阶段用于构建应用程序
FROM maven:3.6.3-openjdk-8 AS build
# 设置工作目录为 /web-api
WORKDIR /web-api

# 将项目的 pom.xml`文件和 src 目录拷贝到容器的 /web-api 目录
COPY pom.xml .
COPY src ./src

# 运行 Maven 命令，执行项目的 `clean` 和 `package` 阶段，将构建的 jar 文件从 /web-api/target/ 目录复制到 /web-api 目录，并重命名为 web-api.jar
RUN mvn clean package \
    && cp /web-api/target/*.jar web-api.jar

# 使用 OpenJDK 8 的 JRE 版本作为最终镜像的基础镜像
FROM openjdk:8-jre-alpine
# 设置最终镜像的工作目录为 /web-api
WORKDIR /web-api
# 从前一个构建阶段 (`build`) 中复制构建好的 web-api.jar 文件到最终镜像的当前目录
COPY --from=build /web-api/web-api.jar ./

# 设置 Java 虚拟机的启动参数，包括 `-server` 表示使用服务器模式，以及设置为初始堆大小（-Xms）和最大堆内存（-Xmx）
ENV JAVA_OPTS="-server -Xms256m -Xmx512m"

# 暴露容器的 8001 端口，表示该容器应用程序监听在该端口上
EXPOSE 8001

设置容器启动时执行的默认命令
ENTRYPOINT ["java","-jar", "web-api.jar"]

# 设置镜像的作者信息
MAINTAINER kasuie