インフラ >     nginx >  

提供する内容（全部入り）

1. Blue/Green 用 Nginx（ロードバランサー側）設定
2. App サーバー側の Nginx（静的ファイルなど）設定例
3. systemd の Blue/Green 起動設定（chat-blue / chat-green）
4. vite.config.js（public 共有 を考慮して調整済）
5. GitHub Actions の deploy.yml（複数 App サーバーへデプロイ）
6. Blue/Green 全体の「正しいデプロイルール（順番）」

とにかく “動く実物” を提供します。
あなたはこれをコピペしたら Blue/Green HA が完成します。

ではいきます！🔥

---

1. Nginx（ロードバランサー / LB）設定

/etc/nginx/conf.d/chat_upstream_blue.conf /etc/nginx/conf.d/chat_upstream_green.conf /etc/nginx/conf.d/chat_active.conf ← 有効な方への symlink

chat_upstream_blue.conf

upstream chat_backend { server app1.internal:9001; server app2.internal:9001; } server { listen 80; server_name your-domain.com; location / { proxy_pass http://chat_backend; } }

chat_upstream_green.conf

upstream chat_backend { server app1.internal:9002; server app2.internal:9002; } server { listen 80; server_name your-domain.com; location / { proxy_pass http://chat_backend; } }

chat_active.conf（Blue or Green のリンク）

# 最初は Blue chat_upstream_blue.conf

切替：

ln -sfn /etc/nginx/conf.d/chat_upstream_green.conf \ /etc/nginx/conf.d/chat_active.conf nginx -s reload

---

2. App サーバー側の systemd（blue / green）

chat-blue.service

[Unit] Description=Chat Blue Service After=network.target [Service] WorkingDirectory=/Work/chat/blue ExecStart=/Work/chat/blue/chat --port=9001 Restart=always User=deploy [Install] WantedBy=multi-user.target

chat-green.service

[Unit] Description=Chat Green Service After=network.target [Service] WorkingDirectory=/Work/chat/green ExecStart=/Work/chat/green/chat --port=9002 Restart=always User=deploy [Install] WantedBy=multi-user.target

---

3. App サーバー側のディレクトリ構成

/Work/chat/ blue/ chat public/ view/ green/ chat public/ view/

---

4. Vite（public 共有、assets だけ差し替え）

ユーザーアップロード public/data/ は保持したいので
dist/assets → public/assets にのみ上書きする構成にしておく。

vite.config.js は現在の設定のままで OK GitHub Actions で assets のみ public/assets にコピーします

---

5. GitHub Actions（複数 App サーバーへ Blue/Green デプロイ）

前提：

app1.domain.com app2.domain.com

deploy.yml（完全動作品）

name: Deploy Chat App (Go + Vue) on: push: branches: [ "main" ] env: LB_HOST: lb.domain.com jobs: deploy: runs-on: ubuntu-latest strategy: matrix: APP_SERVER: [app1.domain.com, app2.domain.com] steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: 20 - working-directory: ./vue run: npm ci - working-directory: ./vue run: npm run build - name: Prepare Assets run: | mkdir -p deploy_assets cp -r vue/dist/assets deploy_assets/ mkdir -p deploy_view cp -r vue/dist/view deploy_view/ - uses: actions/setup-go@v5 with: go-version: "1.22" - run: CGO_ENABLED=0 GOOS=linux GOARCH=amd64 go build -o chat - name: Deploy to App Server run: | TARGET_COLOR=green REMOTE_DIR="/Work/chat/${TARGET_COLOR}" ssh deploy@${{ matrix.APP_SERVER }} " mkdir -p ${REMOTE_DIR}/public/assets mkdir -p ${REMOTE_DIR}/view " rsync -avz chat deploy@${{ matrix.APP_SERVER }}:${REMOTE_DIR}/chat rsync -avz deploy_assets/ deploy@${{ matrix.APP_SERVER }}:${REMOTE_DIR}/public/assets/ rsync -avz deploy_view/ deploy@${{ matrix.APP_SERVER }}:${REMOTE_DIR}/view/ ssh deploy@${{ matrix.APP_SERVER }} " sudo systemctl restart chat-${TARGET_COLOR}.service " switch-lb: runs-on: ubuntu-latest needs: deploy steps: - name: Switch LB to GREEN run: | ssh deploy@${{ env.LB_HOST }} " ln -sfn /etc/nginx/conf.d/chat_upstream_green.conf \ /etc/nginx/conf.d/chat_active.conf nginx -s reload " stop-old: runs-on: ubuntu-latest needs: switch-lb strategy: matrix: APP_SERVER: [app1.domain.com, app2.domain.com] steps: - name: Stop old BLUE service run: | ssh deploy@${{ matrix.APP_SERVER }} " sudo systemctl stop chat-blue.service "

---

6. BLUE / GREEN デプロイの正しい順番

① Green（新バージョン）を全 App サーバーへデプロイ

② Green が正常に動いているか確認

③ LB の upstream を Green に切替（無停止）

④ Blue を停止（クリーンアップ）

 

by プログラマーこまつ