Firebase Hostingplat_web

Firebase Hosting は、ウェブアプリ、静的コンテンツと動的コンテンツ、マイクロサービス向けの高速で安全性の高いホスティングを提供します。

Firebase Hosting はデベロッパー向けの、本番環境レベルのウェブ コンテンツ ホスティングです。1 つのコマンドですばやくウェブアプリをデプロイすることができ、静的コンテンツと動的コンテンツの両方をグローバル CDN(コンテンツ配信ネットワーク)に配信できます。Firebase Hosting と Cloud Functions または Cloud Run を併用してマイクロサービスを構築し、Firebase にホスティングすることもできます。

使ってみる

主な機能

安全な接続でコンテンツを配信 最新のウェブは優れたセキュリティを備えています。Firebase Hosting には構成が不要の SSL が組み込まれているため、コンテンツを常に安全に配信できます。
静的コンテンツと動的コンテンツ、マイクロサービスをホスティング Firebase Hosting は、さまざまな種類のコンテンツをホスティングします。CSS や HTML ファイルだけでなく、Express.js マイクロサービスや API もホスティングできます。
コンテンツを高速で配信 アップロードしたファイルは世界中の CDN エッジにある SSD にキャッシュされます。ユーザーがどこにいても、コンテンツを高速に配信できます。
1 つのコマンドで新しいバージョンをデプロイ Firebase CLI を使用して、わずか数秒でアプリを稼働させることができます。コマンドライン ツールにより、デプロイ ターゲットを簡単にビルドプロセスに追加できます。
ワンクリックでロールバック 迅速なデプロイは大いに有用ですが、間違いを元に戻せることはさらに優れた利点です。Firebase Hosting はワンクリックでロールバックできる完全なバージョン管理とリリース管理を提供しています。

仕組み

Firebase Hosting は最先端のウェブ デベロッパー向けに構築されています。Angular などのフロントエンド JavaScript フレームワークや、Jekyll などの静的ジェネレータ ツールの台頭によって、ウェブサイトとアプリはこれまで以上に高性能になっています。デプロイするのがシンプルなアプリ ランディング ページであれ、複雑なプログレッシブ ウェブアプリ(PWA)であれ、Hosting はウェブサイトとアプリのデプロイと管理に適したインフラストラクチャ、機能、ツールを提供します。

Firebase CLI を使用して、お使いのパソコンのローカル ディレクトリから Hosting サーバーにファイルをデプロイします。静的コンテンツを配信する以外に、Cloud Functions for Firebase または Cloud Run を使用すると、自分のサイトで動的コンテンツの配信とマイクロサービスのホスティングを行うことができます。コンテンツはすべて、グローバル CDN の最も近いエッジサーバーから SSL 接続を介して配信されます。

Firebase Hosting には、高機能の PWA のビルドに使用できる軽量のホスティング構成オプションがあります。クライアント側のルーティング用の URL の書き換えやカスタム ヘッダーの設定を簡単に行うことができます。

コンテンツを配信するため、Firebase にはいくつかのドメイン オプションとサブドメイン オプションがあります。

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

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

  • Firebase のホストサイトに独自のドメイン名を連結できます。

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

実装パス

Firebase CLI をインストールする Firebase CLI を使用すれば、新しい Hosting プロジェクトの設定、ローカルの開発サーバーの実行、コンテンツのデプロイを簡単に行うことができます。
プロジェクト ディレクトリを設定する 静的アセットをローカルの Hosting プロジェクト フォルダに追加し、動的コンテンツとマイクロサービスを提供するように Cloud Functions または Cloud Run を設定します。その後、firebase serve を実行して、サイトのテストをローカルで行うことができます。
サイトをデプロイする すべて問題がなければ、firebase deploy を実行して最新のスナップショットをサーバーにアップロードします。新しいバージョンがすべて一度にリリースされるため、デプロイが途中で終了するのを心配する必要がありません。ただし、何か問題が発生した場合にはワンクリックでロールバックできます。
Firebase ウェブアプリにリンクする(省略可) サイトを Firebase ウェブアプリにリンクすることで、Firebase Performance Monitoring を使用して、サイトのパフォーマンス特性を分析できます。

次のステップ