hosting-basics

このスキルは、Firebase Hosting（高速かつセキュアなウェブアプリホスティングサービス）を使用するための手順とリファレンスを提供します。

概要

Firebase Hosting は開発者向けの本番環境レベルのウェブコンテンツホスティングを提供します。単一のコマンドで、ウェブアプリをデプロイし、静的および動的なコンテンツをグローバル CDN (コンテンツ配信ネットワーク) で提供できます。

主な機能:

• 高速なコンテンツ配信: ファイルは世界中の CDN エッジの SSD にキャッシュされます。
• デフォルトでセキュア: ゼロコンフィグレーションの SSL が組み込まれています。
• プレビューチャネル: ライブデプロイ前に、一時的なプレビュー URL で変更を表示およびテストできます。
• GitHub 統合: GitHub Actions でプレビューおよびデプロイを自動化します。
• 動的コンテンツ: Cloud Functions または Cloud Run を使用して、動的コンテンツおよびマイクロサービスを提供します。

Hosting vs App Hosting

Firebase Hosting を選択する場合:

• 静的サイト (HTML/CSS/JS) をデプロイしている。
• シンプルな SPA (SSR なしの React、Vue など) をデプロイしている。
• CLI 経由でビルドおよびデプロイプロセスを完全にコントロールしたい。

Firebase App Hosting を選択する場合:

• Next.js や Angular などのサポートされているフルスタックフレームワークを使用している。
• Server-Side Rendering (SSR) または ISR が必要である。
• ゼロコンフィグレーションの自動化された「git push to deploy」ワークフローが必要である。

手順

1. コンフィグレーション (firebase.json)

Hosting の動作設定（公開ディレクトリ、リダイレクト、リライト、ヘッダーなど）の詳細については、configuration.md を参照してください。

2. デプロイ

サイトのデプロイ、プレビューチャネルの使用、リリースの管理に関する手順については、deploying.md を参照してください。

3. エミュレーション

アプリをローカルでテストするには:

npx -y firebase-tools@latest emulators:start --only hosting

これにより、アプリはデフォルトで http://localhost:5000 で提供されます。