markdown-portal/.github/workflows/frontend.yml at main · Yulikepython/markdown-portal · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
name: Frontend CI/CD

on:
  # -------------------------------------
  # 1) pull_request → テスト
  #    (PR 作成/更新/再オープン など)
  # -------------------------------------
  pull_request:
    branches:
      - "develop"
      - "main"
    types: [opened, synchronize, reopened]

  # -------------------------------------
  # 2) develop / main への push → デプロイ
  # -------------------------------------
  push:
    branches:
      - "develop"
      - "main"

jobs:
  # ============================
  # (A) PR 時のテスト
  # ============================
  testOnPR:
    name: Test on Pull Request
    runs-on: ubuntu-latest

    # pull_request イベント時のみ実行
    if: github.event_name == 'pull_request'

    steps:
      - name: Check out code
        uses: actions/checkout@v3

      - name: Use Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '18'

      - name: Install dependencies
        run: npm ci
        working-directory: ./frontend

      - name: Run tests
        run: npm run test
        working-directory: ./frontend


  # ============================
  # (B) developブランチ → Stagingデプロイ
  # ============================
  build-and-deploy-develop:
    name: Build & Deploy (develop -> staging)
    runs-on: ubuntu-latest

    # pushイベント かつ developブランチ の場合のみ実行
    if: github.event_name == 'push' && github.ref == 'refs/heads/develop'

    steps:
      - name: Check out code
        uses: actions/checkout@v3

      - name: Use Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '18'

      - name: Install dependencies
        run: npm ci
        working-directory: ./frontend

      - name: Build (staging)
        run: npm run build:dev
        working-directory: ./frontend
        env:
          VITE_API_STAGE: "dev"
          REACT_APP_USE_MOCK_AUTH: "false"
          VITE_COGNITO_DOMAIN: ${{ secrets.DEV_COGNITO_DOMAIN }}
          VITE_COGNITO_CLIENT_ID: ${{ secrets.DEV_COGNITO_CLIENT_ID }}
          VITE_COGNITO_USER_POOL_ID: ${{ secrets.DEV_COGNITO_USER_POOL_ID }}
          VITE_COGNITO_REGION: ${{ secrets.DEV_COGNITO_REGION }}
          VITE_SIGNIN_URL: ${{ secrets.DEV_SIGNIN_URL }}
          VITE_SIGNOUT_URL: ${{ secrets.DEV_SIGNOUT_URL }}
          VITE_API_BASE_URL: ${{ secrets.DEV_API_BASE_URL }}

      - name: Deploy to S3 (staging)
        run: aws s3 sync dist s3://${{ secrets.S3_STAGING_BUCKET }} --delete
        working-directory: ./frontend
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_REGION: ${{ secrets.AWS_REGION }}


  # ============================
  # (C) mainブランチ → Productionデプロイ
  # ============================
  build-and-deploy-main:
    name: Build & Deploy (main -> production)
    runs-on: ubuntu-latest

    # pushイベント かつ mainブランチ の場合のみ実行
    if: github.event_name == 'push' && github.ref == 'refs/heads/main'

    steps:
      - name: Check out code
        uses: actions/checkout@v3

      - name: Use Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '18'

      - name: Install dependencies
        run: npm ci
        working-directory: ./frontend

      - name: Build (production)
        run: npm run build:prod
        working-directory: ./frontend
        env:
          VITE_API_STAGE: "prod"
          REACT_APP_USE_MOCK_AUTH: "false"
          VITE_COGNITO_DOMAIN: ${{ secrets.PROD_COGNITO_DOMAIN }}
          VITE_COGNITO_CLIENT_ID: ${{ secrets.PROD_COGNITO_CLIENT_ID }}
          VITE_COGNITO_USER_POOL_ID: ${{ secrets.PROD_COGNITO_USER_POOL_ID }}
          VITE_COGNITO_REGION: ${{ secrets.PROD_COGNITO_REGION }}
          VITE_SIGNIN_URL: ${{ secrets.PROD_SIGNIN_URL }}
          VITE_SIGNOUT_URL: ${{ secrets.PROD_SIGNOUT_URL }}
          VITE_API_BASE_URL: ${{ secrets.PROD_API_BASE_URL }}

      - name: Deploy to S3 (production)
        run: aws s3 sync dist s3://${{ secrets.S3_PROD_BUCKET }} --delete
        working-directory: ./frontend
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_REGION: ${{ secrets.AWS_REGION }}