Cloudflare のサブドメインをFirebase Hostingで使う方法

どーも、ぐるたか@guru_takaです。

CloudflareのサブドメインをFirebase Hostingで使う方法をまとめました。以下の記事に沿って、進めています。
参考 How To Use Custom Sub Domain For Your Firebase Hosting

主な流れ

STEP1:cloudflareでサブドメイン追加

以下の手順で、Cloudflareでサブドメインを追加します。

STEP2:Firebase Hostingのカスタムドメインを設定

次に、Firebase Hostingのカスタムドメインを設定します。

その後に、サブドメインを入力。

すると、所有権の確認に進むので、提示された値をコピーします。ここで一旦、cloudflareの設定に戻ります。

STEP3:cloudflareに認証情報を追加

先程コピーした所有権の確認の値を、cloudflare側で登録します。

STEP4:firebase hostingで所有権の証明を実施

最後に、firebase hostingの先程の画面に戻って、所有権の証明を行えばOK！

私の場合、Cloudflareに証明書を登録した後、すぐには証明できずにエラー。10分後にトライしたら、証明が完了しました。

もし、うまく証明できない場合は、時間を空けて再トライすると良さそうです。

最後に

以上になります。もともとFirebase HostingにもCDNが搭載されているので、Cloudflare側のCDNをオフにしたい場合は、DNSオンリーにすると良いでしょう！