Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More
コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

Firebaseホスティング

Firebase Hostingは、ウェブアプリ、静的および動的コンテンツ、マイクロサービスに高速で安全なホスティングを提供します。

Firebase Hostingは、デベロッパー向けの本番環境グレードのウェブコンテンツホスティングです。 1つのコマンドで、Webアプリをすばやく展開し、静的コンテンツと動的コンテンツの両方をグローバルCDN(コンテンツ配信ネットワーク)に提供できます。 FirebaseHostingをCloudFunctionsまたはCloudRunと組み合わせて、Firebaseでマイクロサービスを構築およびホストすることもできます。

はじめに

主な機能

安全な接続を介してコンテンツを提供する最新のWebは安全です。ゼロ構成SSLはFirebaseHostingに組み込まれているため、コンテンツは常に安全に配信されます。
静的および動的コンテンツとマイクロサービスをホストするFirebase Hostingは、CSSファイルやHTMLファイルから、Express.jsマイクロサービスやAPIまで、あらゆる種類のホスティングコンテンツをサポートしています。
コンテンツをすばやく配信するアップロードする各ファイルは、世界中のCDNエッジのSSDにキャッシュされ、gzipまたはBrotliとして機能します。コンテンツに最適な圧縮方法を自動選択します。ユーザーがどこにいても、コンテンツは高速に配信されます。
公開する前に、変更をエミュレートし、共有することもできます

ローカルでホストされているURLで変更を表示およびテストし、エミュレートされたバックエンドと対話します。

一時的なプレビューURLを使用して、変更をチームメートと共有します。ホスティングは、プレビューされたコンテンツを簡単に繰り返すためのGitHub統合も提供します。

1つのコマンドで新しいバージョンをデプロイする

Firebase CLIを使用すると、アプリを数秒で起動して実行できます。コマンドラインツールを使用すると、ビルドプロセスに展開ターゲットを簡単に追加できます。

また、デプロイを元に戻す必要がある場合、ホスティングはワンクリックのロールバックを提供します。

それはどのように機能しますか?

Firebase Hostingは、最新のWeb開発者向けに構築されています。ウェブサイトとアプリは、AngularのようなフロントエンドJavaScriptフレームワークと、Jekyllのような静的ジェネレーターツールの台頭により、これまでになく強力になっています。シンプルなアプリのランディングページをデプロイする場合でも、複雑なプログレッシブWebアプリ(PWA)をデプロイする場合でも、ホスティングは、Webサイトやアプリのデプロイと管理に合わせたインフラストラクチャ、機能、およびツールを提供します。

Firebase CLIを使用して、コンピュータのローカルディレクトリからホスティングサーバーにファイルをデプロイします。静的コンテンツを提供するだけでなく、Cloud Functions forFirebaseまたはCloudRunを使用して、動的コンテンツを提供し、サイトでマイクロサービスをホストできます。すべてのコンテンツは、グローバルCDN上の最も近いエッジサーバーからSSL接続を介して提供されます。

公開する前に、変更を表示してテストすることもできます。 Firebase Local Emulator Suiteを使用すると、ローカルでホストされているURLでアプリとバックエンドのリソースをエミュレートできます。一時的なプレビューURLで変更を共有し、開発中に簡単に反復できるようにGitHub統合を設定することもできます。

Firebase Hostingには、洗練されたPWAを構築するための軽量のホスティング構成オプションがあります。クライアント側のルーティング用にURLを簡単に書き換えたり、カスタムヘッダーを設定したり、ローカライズされたコンテンツを提供したりすることもできます。

コンテンツを提供するために、Firebaseはいくつかのドメインとサブドメインのオプションを提供しています。

  • デフォルトでは、すべてのFirebaseプロジェクトには、 web.appドメインとfirebaseapp.comドメインに無料でサブドメインがあります。これらの2つのサイトは、同じ展開コンテンツと構成を提供します。

  • 異なるコンテンツを提供するが、同じFirebaseプロジェクトリソースを共有する関連サイトやアプリがある場合(たとえば、ブログ、管理パネル、公開アプリがある場合)、複数のサイトを作成できます。

  • 独自のドメイン名をFirebaseがホストするサイトに接続できます

Firebaseは、すべてのコンテンツが安全に提供されるように、すべてのドメインにSSL証明書を自動的にプロビジョニングします。

実装パス

FirebaseCLIをインストールしますFirebase CLIを使用すると、新しいホスティングプロジェクトの設定、ローカル開発サーバーの実行、コンテンツのデプロイを簡単に行うことができます。
プロジェクトディレクトリを設定する

静的アセットをローカルプロジェクトディレクトリに追加してから、 firebase initを実行して、ディレクトリをFirebaseプロジェクトに接続します。

ローカルプロジェクトディレクトリで、動的コンテンツとマイクロサービス用にCloudFunctionsまたはCloudRunを設定することもできます。

公開する前に変更を表示、テスト、共有する(オプション)

firebase emulators:startを実行します。ローカルでホストされているURLでホスティングとバックエンドプロジェクトのリソースをエミュレートします。

一時的なプレビューURLで変更を表示および共有するには、 firebase hosting:channel:deployを実行して、プレビューチャネルを作成してデプロイします。プレビューされたコンテンツを簡単に反復できるようにGitHub統合を設定します。

サイトを展開する状況が良好になったら、 firebase deployを実行して、最新のスナップショットをサーバーにアップロードします。デプロイを元に戻す必要がある場合は、Firebaseコンソールでワンクリックでロールバックできます。
Firebase Webアプリへのリンク(オプション)サイトをFirebaseWebアプリにリンクすることで、 Googleアナリティクスを使用してアプリの使用状況と動作のデータを収集し、 FirebasePerformanceMonitoringを使用してアプリのパフォーマンス特性を把握できます。

次のステップ