使用 CLI 在 Firebase 上部署 Angular 站点（免费）

Question

如何使用 CLI 在 Firebase 云上免费部署 Angular 应用程序。我刚开始练习 Angular 9 和 Firebase 云服务器来探索自我，并想看看在 Firebase 上部署应用程序有多容易。

Answer 1

包@angular/fire 具有内置的部署功能。你可以阅读文档here。

基本上你必须做什么才能让你的 Angular 应用程序在 firebase 中运行：

// this will guide you through the authentication system, and make the necessary changes
ng add @angular/fire

// now you can deploy your app
ng deploy

你完成了:)

如果你想支持多个项目，你可以重新运行之前的命令，但是你需要包含一个--project 参数：

ng add @angular/fire --project=[PROJECT_NAME]
ng deploy --project=[PROJECT_NAME]

Answer 2

使用以下步骤完全免费地在 Firebase 上部署 Angular/任何网站：

先决条件：使用 google 帐户登录 Firebase 控制台，然后为 Angular 应用创建项目。

1. 在 Angular 应用中添加 Firebase 包

   CLI：>ng add @angular/fire

2. 在您的系统上安装 Firebase 工具

   CLI：>npm install -g firebase-tools

3. 确保 Firebase 工具已正确安装

   CLI：>firebase --version

4. 登录 Firebase 帐户

   CLI：>firebase login

5. 设置 Firebase... 系统会要求您在此处设置一些选项

   CLI：>firebase init

6. 最后在 Firebase 云上部署 Angular 应用

   CLI：>firebase deploy

现在我们可以看到在 Firebase 服务器上运行的 Angular 应用：https://[firebase-project].web.app/。