Skip to content

[dev] ローカル開発環境を Cloudflare Pages 相当の構成に統一する #231

Description

@yusuke0610

背景

現状のローカル環境は Firebase Emulator を前提とした構成になっており、
Cloudflare Pages 移行後は dev / stg / prod との乖離が発生する。
wrangler pages dev を使いローカルでも rewrite・Cookie 挙動を
本番相当で再現できる環境を整備する。

対応内容

wrangler 設定

  • wrangler.toml を追加
    • pages_build_output_dir: dist
    • proxy 先: http://localhost:8080(FastAPI)
  • _redirects または _routes.json がローカルでも適用されることを確認

起動スクリプト

  • package.json に以下のスクリプトを追加
    • dev:frontwrangler pages dev dist --proxy 8080
    • dev:back → uvicorn 起動(既存スクリプトを流用)
    • dev → front と back を並列起動(concurrently 使用)
  • .env.local のテンプレートを .env.local.example として追加
    • INTERNAL_SECRET はローカル用の固定値を記載

Cookie 動作確認

  • SameSite=Lax; HttpOnly; Secure が wrangler 経由で正常に
    ブラウザにセットされることをローカルで確認
  • HTTPS が必要な場合は wrangler pages dev --local-protocol https を検討

ドキュメント

  • README.md のローカル起動手順を更新
    • Firebase Emulator の記述を削除
    • wrangler を使った起動手順に差し替え

確認事項

  • dev スクリプト 1 コマンドで front / back が立ち上がること
  • /auth/github/callback の rewrite がローカルでも動作すること
  • Cookie の Set / 取得がローカルと dev 環境で同一挙動であること

依存

  • Issue force commit #1(CF Pages rewrite 設定内容)が確定してから着手
  • Issue Stg #6(Firebase 残存ファイル削除)と並行可

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions