Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

Firebase からの移行

最終更新 Markdown で表示Agent セットアップ

このチュートリアルでは、既存の Firebase アプリケーションを Cloudflare Pages へ移行します。Cloudflare Pages でホストしたい、Firebase 上の既存プロジェクトがある前提です。

ビルドコマンドとビルドディレクトリを確認する

アプリケーションを Cloudflare Pages へ移すには、ビルドコマンドとビルドディレクトリが必要です。

これらは、Cloudflare Pages にデプロイ方法を伝えるために使います。手元のマシンから firebase コマンドラインツールで手動デプロイしている場合、firebase.json 設定ファイルに public キーがあり、それがビルドディレクトリになります。

firebase.jsonjson
{
	"public": "public"
}

Firebase Hosting はビルドコマンドを求めません。一般的な JavaScript のセットアップなら、npm build か、使っているフレームワークやツール固有のコマンド(例: ng build)であることが多いです。

ビルドディレクトリとビルドコマンドが分かったら、プロジェクトを Cloudflare Pages へ移せます。

新しい Pages プロジェクトを作成する

静的サイトをまだ GitHub にプッシュしていない場合は、先にプッシュしてください。自動デプロイや デプロイプレビュー も使えるようになります。

repo.new にアクセスし、手順に従ってプロジェクトを GitHub へプッシュすると、新しいリポジトリを作成できます。

先ほど控えた build commandbuild directory を使い、はじめに に従ってプロジェクトを Cloudflare Pages に追加します。

古いアプリケーションを片付け、ドメインを割り当てる

アプリケーションをデプロイしたら、Firebase ダッシュボードを開き、古い Firebase プロジェクトを削除します。ドメインの Cloudflare DNS 設定で、ドメインの CNAME レコードを Firebase から Cloudflare Pages へ更新します。

このガイドを完了すると、Firebase プロジェクトを Cloudflare Pages へ移行できています。

役に立ちましたか?