Firebase 是一种构建应用程序所需的强大工具以及云服务平台。它提供了许多功能，包括实时数据库、身份验证、消息推送等等。除此之外，Firebase 还提供了一种简单的方法，可以将 Angular 8 应用程序部署到 Firebase 托管上。
接下来，我们将介绍如何使用 Firebase 将您的 Angular 8 应用程序部署到 Firebase 托管，以及一些在部署过程中遇到的常见问题。
步骤一：安装 Firebase CLI
Firebase CLI 是一个用于管理 Firebase 应用程序的命令行工具。它可以帮助我们轻松地创建、部署和管理 Firebase 应用程序。在开始之前，请确保您已经安装了最新版本的 Node.js（至少需要 v8.0.0）。运行以下指令来安装 Firebase CLI：
npm install -g firebase-tools
在安装完成之后，您可以通过运行以下命令来检查 Firebase CLI 是否正确安装：
firebase --version
步骤二：创建 Firebase 项目
在开始部署之前，您需要一个 Firebase 项目。如果您还没有 Firebase 项目，请前往 Firebase 控制台 并创建一个新项目。请注意，您需要使用 Google 帐户登录。
选择 “添加 Firebase 到您的 Web 应用程序”，并填写您的应用程序名称和公共域名。接下来，您将获得一个 Firebase 配置对象，您需要将其复制下来，因为接下来需要在 Angular 8 应用程序中使用它。
步骤三：准备项目
在将 Angular 8 应用程序部署到 Firebase 托管之前，您需要准备好项目。您可以通过以下命令创建一个新的 Angular 应用程序：
ng new my-app
接下来，在 Angular 应用程序根目录中，运行以下命令来安装 firebase：
npm install firebase --save
然后，打开 app.module.ts 文件并导入 firebase 模块：
-- -------------------- ---- -------
------ - ----------------- - ---- ----------------
------ - --------------------- - ---- ---------------------
------ - ------------------------- - ---- -------------------------
----- -------------- - -
-- - -------- ---------
--
-----------
---
-------- -
---
----------------------
--------------------------
------------------------------------------------
---
--
---
--步骤四：部署到 Firebase 托管
在准备完应用程序之后，您只需要运行以下命令来将该应用程序部署到 Firebase 托管：
ng build --prod firebase deploy
以上命令将编译并构建您的应用程序，并将其上传到 Firebase 托管。完成部署后，您将获得一个 URL，您可以将其用于访问您的应用程序。
常见问题
1. Firebase CLI 版本太低
如果您的 Firebase CLI 版本太低，请运行以下命令来更新 Firebase CLI：
npm install -g firebase-tools
2. Firebase 项目未设置
如果您在部署应用程序时遇到以下错误：
Error: No Firebase project active. Run firebase use --add
请使用以下命令设置项目：
firebase use --add <project-id>
将 <project-id> 替换为您的 Firebase 项目 ID。
3. 缺少 Firebase 配置
如果您在浏览器控制台中发现以下错误：
Uncaught Error: You need to import the Firebase SDK (core) to use Firestore
请确保 firebaseConfig 对象已正确设置，并在应用程序的 app.module.ts 文件中导入了 AngularFireModule。
总结
使用 Firebase 将 Angular 8 应用程序部署到 Firebase 托管非常简单。我们只需要安装 Firebase CLI、创建 Firebase 项目、准备项目和运行以下命令就可以将应用程序部署到 Firebase 托管上：
ng build --prod firebase deploy
从这里开始，您可以继续探索 Firebase 的其他功能，例如实时数据库、身份验证和消息传递。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64917d2048841e9894f83e2c