AngularFire是一个用于在Angular应用程序中连接Firebase实时数据库的npm包。此教程将介绍如何使用AngularFire。
步骤1：安装AngularFire
首先，您需要在angular项目中安装@angular/fire和firebase npm 包：
--- ------- -------- ------------- ------
步骤2：配置Firebase
接下来，您需要在Firebase控制台中创建一个新项目并获取您的Firebase凭证。然后，在您的Angular项目中创建一个名为environment.ts的文件，并添加以下内容：
------ ----- ----------- - -
----------- ------
--------------- -
------- ---------------
----------- -------------------
------------ --------------------
---------- ------------------
-------------- ----------------------
------------------ ---------------------------
------ -------------
-
--确保替换上面代码中的“YOUR_”前缀与您的Firebase凭证。
步骤3：初始化 AngularFire
现在，您已经完成了所有必要的配置。接下来，导入所需的AngularFire模块并在app.module.ts中初始化FirebaseApp和AngularFireModule：
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ----------------- - ---- ----------------
------ - ----------- - ---- ------------------------------
-----------
-------- -
--------------
-----------------------------------------------------------
--
------------- - ------------ --
---------- - ------------ -
--
------ ----- --------- --步骤4：使用 AngularFire 实时数据库
现在，您已经完成了AngularFire的设置。接下来，您可以在应用程序中使用AngularFire实时数据库功能。以下是如何将数据写入实时数据库的示例：
------ - --------- - ---- ----------------
------ - ------------------- - ---- -------------------------
------------
--------- -----------
--------- -
------ ----------- ----------------------
------- ---------------------------- ----------------
-
--
------ ----- ------------ -
------- - ---
------------------- --- -------------------- --
------------- -
------------------------------- -------- ------------ ---
------------ - ---
-
-上面的代码向名为“messages”的实时数据库节点添加了消息。AngularFireDatabase服务提供了一系列方法以与Firebase实时数据库交互，例如list()和object()。
结论
通过本教程，您学习了如何使用AngularFire npm包连接Firebase实时数据库，并在Angular应用程序中使用它。使用这些步骤，您可以开始在您的Angular应用程序中使用实时数据库功能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/34013