介绍
RXFire 是一个用于 Firebase 的 RxJS 6库。该库提供了许多用于管理 Firestore 和 Firebase 的实时数据库的 API。 它允许您使用 RxJS 中的强大工具来管理您的应用程序状态。在这篇文章中，我们将介绍如何使用 RXFire。
安装
首先您需要将RXFire安装到您的应用程序中。 在终端运行以下命令：
npm install rxfire firebase rxjs --save
配置 Firebase
在您的应用程序中使用 Firebase ，您需要将 Firebase 导入到您的代码中。 通过在您的应用程序中添加以下代码：
import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'
firebase.initializeApp({
// 配置
})确保您使用了正确的 Firebase 配置，具体内容可以查看 Firebase 文档。
初始化 RXFire
为了在您的应用程序中使用 RXFire ，您需要在代码中导入它并发出 fromFirestoreRef() 方法。这将引入实时 Firestore 数据库监听器的 Observable。 当创建监听器时，您需要提供到集合的引用。 我们可以将 Observable 传递给我们的组件，然后使用 async pipe 订阅它。 在以下示例中，我们将使用测试数据集合。
import { fromFirestoreRef } from 'rxfire/firestore'
import { collection } from 'firebase/firestore'
const db = firebase.firestore()
const testCollection = collection(db, 'test')
const test = fromFirestoreRef(testCollection)以上代码初始化了Firestore的引用testCollection，并使用fromFirestoreRef引用将其转换为Observable。
在组件中使用 RXFire
当我们在组件中使用 RXFire 时，我们应该遵循一些最佳实践。例如，我们不应该在组件中拦截 Observable，因为它们可能会在订阅之前发出几个甚至几十个值。 我们应该在组件中订阅 Observable 来获取值。
-- -------------------- ---- -------
------ - ---------- ------ - ---- ---------------
------ - ---------- - ---- ------
------ - --- - ---- ----------------
------ - ---- - ---- --------------
------ - ---- - ---- ---------------------------
------------
--------- ---------------------
--------- -
----
--- ----------- ---- -- ------
-- --------- --
-----
-----
-
--
------ ----- ------------- ---------- ------ -
------ ------------------
------------
------- ---------- ----------------
- --
---------- -
---------- - ----------
----------- -- ------------------ -- -
----- ---- - ------------------------- -- ----
----- -- - ---------------------
------ - --- ------- -
---
-
-
--- ------ -
------ ------------------- -- ---- -- ----
-
-在此代码示例中，我们订阅了 test 集合字段，然后使用 map 操作符将其转换为基于观察者的响应式的方式。
总结
在本文中，我们提供了有关RXFire如何使用的全面教程。通过使用 RXFire，您可以更好地管理应用程序状态并减少代码复杂性。无论是您正在使用Angular、Vue.js还是React，RXJS 都是实现基于观察者响应式编程的完美途径。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/202188