使用 CLI 在 Firebase 上部署 angular 个站点(免费)

Deploy angular site on Firebase (FREE) using CLI

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

使用以下步骤完全免费地在 Firebase 上部署 angular/any 站点:

先决条件:使用 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/

@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]