このチュートリアルでは、既存の Firebase アプリケーションを Cloudflare Pages へ移行します。Cloudflare Pages でホストしたい、Firebase 上の既存プロジェクトがある前提です。
アプリケーションを Cloudflare Pages へ移すには、ビルドコマンドとビルドディレクトリが必要です。
これらは、Cloudflare Pages にデプロイ方法を伝えるために使います。手元のマシンから firebase コマンドラインツールで手動デプロイしている場合、firebase.json 設定ファイルに public キーがあり、それがビルドディレクトリになります。
{
"public": "public"
}Firebase Hosting はビルドコマンドを求めません。一般的な JavaScript のセットアップなら、npm build か、使っているフレームワークやツール固有のコマンド(例: ng build)であることが多いです。
ビルドディレクトリとビルドコマンドが分かったら、プロジェクトを Cloudflare Pages へ移せます。
静的サイトをまだ GitHub にプッシュしていない場合は、先にプッシュしてください。自動デプロイや デプロイプレビュー も使えるようになります。
repo.new ↗ にアクセスし、手順に従ってプロジェクトを GitHub へプッシュすると、新しいリポジトリを作成できます。
先ほど控えた build command と build directory を使い、はじめに に従ってプロジェクトを Cloudflare Pages に追加します。
アプリケーションをデプロイしたら、Firebase ダッシュボードを開き、古い Firebase プロジェクトを削除します。ドメインの Cloudflare DNS 設定で、ドメインの CNAME レコードを Firebase から Cloudflare Pages へ更新します。
このガイドを完了すると、Firebase プロジェクトを Cloudflare Pages へ移行できています。