-
Firebaseプロジェクトのセットアップ:
- Firebaseコンソールにアクセスし、新しいプロジェクトを作成します。
- プロジェクトの設定で、Firebase Hostingを有効にします。
-
Angularアプリケーションのビルド:
- Angular CLIを使用して、アプリケーションをビルドします。
ng build --prod
- ビルドが成功すると、"dist"ディレクトリにビルドされたファイルが生成されます。
- Angular CLIを使用して、アプリケーションをビルドします。
-
FirebaseプロジェクトとAngularアプリケーションの紐付け:
- Firebase CLIをインストールします。
npm install -g firebase-tools
- Firebaseにログインします。
firebase login
- Angularアプリケーションのルートディレクトリで、Firebaseプロジェクトと紐付けます。
firebase init
初期化のプロンプトに従って進めます。"Hosting"を選択し、"dist"ディレクトリをデプロイ先として指定します。
- Firebase CLIをインストールします。
-
Firebase Hostingへのデプロイ:
- AngularアプリケーションをFirebase Hostingにデプロイします。
firebase deploy
- デプロイが完了すると、Firebase HostingのURLが表示されます。
- AngularアプリケーションをFirebase Hostingにデプロイします。
以上が、FirebaseとAngular 10を使用してアプリケーションをデプロイする手順です。これにより、ビルドされたAngularアプリケーションがFirebase Hostingにデプロイされ、公開されます。もちろん、この手順は概要であり、詳細については公式ドキュメントや他のリソースを参照してください。