サービスアイディア基盤

🌐 VPSrootへのestate.3dwork.jpドメインデプロイ設定¶

本番環境でのestate.3dwork.jpドメイン設定を詳細に追加します：

1. ドメイン・DNS設定¶

DNS レコード設定¶

• A レコード設定

  estate.3dwork.jp.    A    85.131.243.51
  api.estate.3dwork.jp. A    85.131.243.51
  

• CNAME レコード設定

  www.estate.3dwork.jp.        CNAME  estate.3dwork.jp.
  staging.estate.3dwork.jp.    CNAME  estate.3dwork.jp.
  

• DNS設定確認

  # VPS側で確認
  dig estate.3dwork.jp +short
  nslookup api.estate.3dwork.jp
  

2. SSL証明書取得・設定¶

Let's Encrypt ワイルドカード証明書¶

• certbot インストール・設定

  # VPS root環境
  sudo apt update && sudo apt install certbot python3-certbot-nginx
  
  # ワイルドカード証明書取得
  sudo certbot certonly --manual --preferred-challenges dns \
    -d "*.estate.3dwork.jp" -d "estate.3dwork.jp"
  

• DNS TXT レコード設定

  # certbot指示に従いDNS TXT レコード追加
  _acme-challenge.estate.3dwork.jp. TXT "xxxxxxxxxxxx"
  

• 証明書自動更新設定

  # crontab設定
  0 12 * * * /usr/bin/certbot renew --quiet --deploy-hook "systemctl reload nginx"
  

3. Nginx設定（本番環境）¶

メインサイト設定¶

• /etc/nginx/sites-available/estate.3dwork.jp

  server {
      listen 80;
      server_name estate.3dwork.jp www.estate.3dwork.jp;
      return 301 https://estate.3dwork.jp$request_uri;
  }
  
  server {
      listen 443 ssl http2;
      server_name www.estate.3dwork.jp;
      return 301 https://estate.3dwork.jp$request_uri;
      
      ssl_certificate /etc/letsencrypt/live/estate.3dwork.jp/fullchain.pem;
      ssl_certificate_key /etc/letsencrypt/live/estate.3dwork.jp/privkey.pem;
  }
  
  server {
      listen 443 ssl http2;
      server_name estate.3dwork.jp;
      
      ssl_certificate /etc/letsencrypt/live/estate.3dwork.jp/fullchain.pem;
      ssl_certificate_key /etc/letsencrypt/live/estate.3dwork.jp/privkey.pem;
      
      # セキュリティヘッダー
      add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
      add_header X-Frame-Options DENY always;
      add_header X-Content-Type-Options nosniff always;
      
      # React アプリケーション配信
      location / {
          root /var/www/estate.3dwork.jp/dist;
          try_files $uri $uri/ /index.html;
          
          # キャッシュ設定
          location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
              expires 1y;
              add_header Cache-Control "public, immutable";
          }
      }
      
      # API プロキシ
      location /api/ {
          proxy_pass http://localhost:8000/api/;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
          proxy_set_header X-Forwarded-Proto $scheme;
      }
  }
  

API サーバー設定¶

• /etc/nginx/sites-available/api.estate.3dwork.jp

  server {
      listen 443 ssl http2;
      server_name api.estate.3dwork.jp;
      
      ssl_certificate /etc/letsencrypt/live/estate.3dwork.jp/fullchain.pem;
      ssl_certificate_key /etc/letsencrypt/live/estate.3dwork.jp/privkey.pem;
      
      location / {
          proxy_pass http://localhost:8000;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
          proxy_set_header X-Forwarded-Proto $scheme;
          
          # CORS Headers
          add_header Access-Control-Allow-Origin "https://estate.3dwork.jp" always;
          add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS" always;
          add_header Access-Control-Allow-Headers "Content-Type, Authorization" always;
      }
  }
  

4. Docker Compose本番設定¶

• docker-compose.prod.yml

  version: '3.8'
  services:
    web:
      build:
        context: .
        dockerfile: apps/web/Dockerfile.prod
      volumes:
        - /var/www/estate.3dwork.jp:/usr/share/nginx/html
      environment:
        - VITE_APP_DOMAIN=estate.3dwork.jp
        - VITE_API_BASE_URL=https://api.estate.3dwork.jp/api
        
    api:
      build:
        context: .
        dockerfile: apps/api/Dockerfile.prod
      ports:
        - "8000:8000"
      environment:
        - NODE_ENV=production
        - CORS_ORIGINS=https://estate.3dwork.jp
        - COOKIE_DOMAIN=.estate.3dwork.jp
        - DATABASE_URL=${DATABASE_URL}
      depends_on:
        - postgres
        - redis
        
    postgres:
      image: postgis/postgis:15-3.3
      environment:
        POSTGRES_DB: estate_production
        POSTGRES_USER: ${DB_USER}
        POSTGRES_PASSWORD: ${DB_PASSWORD}
      volumes:
        - postgres_data:/var/lib/postgresql/data
        
    redis:
      image: redis:7-alpine
      volumes:
        - redis_data:/data
        
  volumes:
    postgres_data:
    redis_data:
  

5. 本番環境変数設定¶

• /opt/estate-app/.env.production

  NODE_ENV=production
  
  # ドメイン設定
  APP_DOMAIN=estate.3dwork.jp
  API_BASE_URL=https://api.estate.3dwork.jp/api
  WEB_BASE_URL=https://estate.3dwork.jp
  
  # セキュリティ
  JWT_SECRET=<生成された安全なシークレット>
  CORS_ORIGINS=https://estate.3dwork.jp
  COOKIE_DOMAIN=.estate.3dwork.jp
  
  # 外部API
  GOOGLE_MAPS_API_KEY=<本番用APIキー>
  LINE_CHANNEL_SECRET=<本番用シークレット>
  LINE_WEBHOOK_URL=https://api.estate.3dwork.jp/line/webhook
  
  # メール設定
  SMTP_HOST=smtp.gmail.com
  MAIL_FROM=noreply@estate.3dwork.jp
  

6. 外部サービス本番設定¶

• Google Maps API設定

  • HTTP リファラー: estate.3dwork.jp/*
  • IP制限: 85.131.243.51

• LINE Developers設定

  • Webhook URL: https://api.estate.3dwork.jp/line/webhook
  • ドメイン許可: estate.3dwork.jp

7. 監視・ログ設定¶

• Nginx アクセスログ

  access_log /var/log/nginx/estate.3dwork.jp.access.log;
  error_log /var/log/nginx/estate.3dwork.jp.error.log;
  

• SSL証明書監視

  # SSL証明書期限監視スクリプト
  #!/bin/bash
  cert_exp_date=$(openssl x509 -in /etc/letsencrypt/live/estate.3dwork.jp/cert.pem -noout -dates | grep notAfter | cut -d= -f2)
  # アラート処理...
  

これらの設定により、estate.3dwork.jpドメインでの本格的な本番運用が可能になります。