Configurer le déploiement automatisé

1
# Sur ton VPS, connecté avec l'utilisateur créé précédemment
2
mkdir -p ~/deployments/react-router-7 && cd ~/deployments/react-router-7
3
curl -o actions-runner-linux-x64-2.316.0.tar.gz \
4
     -L https://github.com/actions/runner/releases/download/v2.316.0/actions-runner-linux-x64-2.316.0.tar.gz
5
tar xzf actions-runner-linux-x64-2.316.0.tar.gz
6
./config.sh                   # ↩️ colle ici le token fourni par GitHub

1
sudo ./svc.sh install   # installe le service systemd
2
sudo ./svc.sh start     # démarre le runner
3
sudo ./svc.sh status    # doit afficher Active: running

1
name: 🐳 Build And Push Docker Image
2

3
on:
4
  workflow_call:                # 🤝 appelé depuis un autre fichier
5
    inputs:
6
      tag:
7
        type: string
8

9
jobs:
10
  build:
11
    runs-on: ubuntu-latest
12
    steps:
13
      - uses: actions/checkout@v4
14
      - uses: docker/login-action@v2
15
        with:
16
          username: ${{ secrets.DOCKERHUB_USERNAME }}
17
          password: ${{ secrets.DOCKERHUB_TOKEN }}
18

19
      - uses: docker/setup-buildx-action@v2          # build multi-arch
20
      - name: Build ${{ inputs.tag }}
21
        uses: docker/build-push-action@v3
22
        with:
23
          context: .
24
          push: true
25
          tags: algomax/react-router-7:${{ inputs.tag }}

1
name: Docker Image CI
2

3
on:
4
  push:
5
    branches: ["main", "dev"]
6
  pull_request:
7
    branches: ["main", "dev"]
8

9
jobs:
10
  build:
11
    name: 🐳 build
12
    uses: ./.github/workflows/build.yml
13
    with:
14
      tag: ${{ github.ref == 'refs/heads/main' && 'production' || 'latest' }}
15
    secrets: inherit              # ↩️ transmet DOCKERHUB_* au sous-workflow
16

17
  typecheck:
18
    runs-on: ubuntu-latest
19
    steps:
20
      - uses: actions/checkout@v4
21
      - name: Install deps
22
        run: npm ci
23
      - name: TypeScript strict
24
        run: npm run typecheck

1
  deploy:
2
    name: 🚀 Deploy
3
    runs-on: [self-hosted]        # ⬅️ notre runner VPS
4
    needs: [build, typecheck]
5
    if: ${{ github.event_name == 'push' }}
6
    env:                          # variables communes
7
      SMTP_USER:     ${{ secrets.SMTP_USER }}
8
      SMTP_PASSWORD: ${{ secrets.SMTP_PASSWORD }}
9
      SMTP_PORT:     ${{ secrets.SMTP_PORT }}
10
      SMTP_SENDER:   ${{ secrets.SMTP_SENDER }}
11
      SMTP_HOST:     ${{ secrets.SMTP_HOST }}
12

13
    steps:
14
      - uses: actions/checkout@v4
15
      - uses: docker/login-action@v2
16
        with:
17
          username: ${{ secrets.DOCKERHUB_USERNAME }}
18
          password: ${{ secrets.DOCKERHUB_TOKEN }}
19

20
      - name: 🏗️ Pull & run – staging
21
        if: github.ref == 'refs/heads/dev'
22
        env:
23
          FRONTEND_URL: ${{ secrets.FRONTEND_URL_STAGING }}
24
          DATABASE_URL: ${{ secrets.DATABASE_URL_STAGING }}
25
        run: |
26
          docker pull algomax/react-router-7:latest
27
          docker compose -f docker-compose.staging.yml up -d
28
          docker system prune --all --volumes --force
29

30
      - name: 🏗️ Pull & run – production
31
        if: github.ref == 'refs/heads/main'
32
        env:
33
          FRONTEND_URL: ${{ secrets.FRONTEND_URL }}
34
          DATABASE_URL: ${{ secrets.DATABASE_URL }}
35
        run: |
36
          docker pull algomax/react-router-7:production
37
          docker compose -f docker-compose.prod.yml up -d
38
          docker system prune --all --volumes --force

1
services:
2
  react_router_production:
3
    image: algomax/react-router-7:production
4
    container_name: react_router_production
5
    env_file: .env.production         # Secrets montés à part
6
    restart: always
7
    ports:
8
      - "3000:3000"

1
services:
2
  react_router_staging:
3
    image: algomax/react-router-7:latest
4
    container_name: react_router_staging
5
    env_file: .env.staging
6
    restart: always
7
    ports:
8
      - "3010:3000"

1
flowchart LR
2
  dev[Dev push] -->|branch dev| ci(Build+Type) --> VPSStaging
3
  main[Merge → main] -->|branch main| ci2(Build+Type) --> VPSProd

1
docker restart react_router_staging
2
docker restart react_router_production

1
# Porte 3000, rebuild sur chaque changement
2
docker compose -f docker-compose.dev.yml up --build

1
docker system prune --all --volumes