FirebaseとAngular 10のデプロイ方法


  1. Firebaseプロジェクトのセットアップ:

    • Firebaseコンソールにアクセスし、新しいプロジェクトを作成します。
    • プロジェクトの設定で、Firebase Hostingを有効にします。
  2. Angularアプリケーションのビルド:

    • Angular CLIを使用して、アプリケーションをビルドします。
      ng build --prod
    • ビルドが成功すると、"dist"ディレクトリにビルドされたファイルが生成されます。
  3. FirebaseプロジェクトとAngularアプリケーションの紐付け:

    • Firebase CLIをインストールします。
      npm install -g firebase-tools
    • Firebaseにログインします。
      firebase login
    • Angularアプリケーションのルートディレクトリで、Firebaseプロジェクトと紐付けます。
      firebase init

      初期化のプロンプトに従って進めます。"Hosting"を選択し、"dist"ディレクトリをデプロイ先として指定します。

  4. Firebase Hostingへのデプロイ:

    • AngularアプリケーションをFirebase Hostingにデプロイします。
      firebase deploy
    • デプロイが完了すると、Firebase HostingのURLが表示されます。

以上が、FirebaseとAngular 10を使用してアプリケーションをデプロイする手順です。これにより、ビルドされたAngularアプリケーションがFirebase Hostingにデプロイされ、公開されます。もちろん、この手順は概要であり、詳細については公式ドキュメントや他のリソースを参照してください。