Hosting を使ってみる

アプリの静的アセット(HTML、CSS、JavaScript など)のデプロイとホストを、運用レベルのホスティング サービスで簡単に行うことができます。すべてのコンテンツは HTTPS 経由で配信され、グローバル CDN を基盤としています。

Firebase CLI をインストールする

Firebase CLI をインストールする

Firebase CLI(コマンドライン インターフェース)には、Node.jsnpm が必要です。どちらも https://nodejs.org/ に記載された手順に沿ってインストールできます。Node.js をインストールすると npm もインストールされます。

Node.js と npm をインストールしたら、npm を使用して Firebase CLI をインストールします。

npm install -g firebase-tools

これにより、グローバルに使用できる firebase コマンドがインストールされます。同じコマンドを再実行するだけで、最新バージョンに更新できます。

アプリを初期化する

デプロイする Firebase アプリを選択したら、プロジェクト ディレクトリに cd して次のコマンドを実行します。

    $ firebase init

firebase init コマンドを実行すると、プロジェクト ディレクトリのルートに firebase.json 設定ファイルが作成されます。このファイルについて詳しくは、ガイドのホスティング動作のカスタマイズのセクションをご覧ください。

ファイルを追加する

アプリを初期化する際、公開ルートとして使用するディレクトリについて確認を求められます(デフォルトは「public」)。その時点で公開ルート ディレクトリに有効な index.html ファイルがない場合、自動的にファイルが作成されます。

ウェブサイトをデプロイする

次のコマンドを実行するだけで、簡単にウェブサイトをデプロイできます。

    $ firebase deploy

ドメイン <YOUR-FIREBASE-APP>.firebaseapp.com にアプリがデプロイされます。

デプロイの管理とロールバック

Firebase Console の [ホスティング] パネルで、デプロイの完全な履歴を確認できます。 前回のデプロイにロールバックするには、リストで該当するエントリにカーソルを合わせてオーバーフロー メニュー アイコンをクリックし、[ロールバック] をクリックします。

これでアプリを公開する準備が整いました。Firebase Hosting について詳しくは、Hosting に関する詳細なドキュメントFirebase CLI に関するドキュメントをご覧ください。

フィードバックを送信...