Firebase 是一个很好的为 Web 应用程序提供后端服务的平台。其中 Firestore 是 Firebase 的自动同步 NoSQL 数据库。 @firebase/firestore-types 是 Firebase Firestore 的类型库，利用 TypeScript 检查 Firestore 数据库中的类型与提供建议。
在这篇文章中，我们将介绍如何在前端中使用 @firebase/firestore-types 包。
1. 安装和准备
在此之前，您需要了解 Firebase 平台和 Firestore，并已经创建并配置了一个 Firebase 项目。安装 Firebase 和 @firebase/firestore-types 是很容易的，只需要执行以下命令：
npm install firebase @firebase/firestore-types
在您的 Typescript 项目中，如果您没有安装 Typescript，应该执行以下命令：
npm install typescript --save-dev
接下来，您需要创建一个 .ts 文件来测试您的代码。
2. 导入 Firestore 和 Firestore Types
要导入 Firestore 和 Firestore Types，您需要添加以下代码行：
import * as firebase from 'firebase'; import '@firebase/firestore-types';
接下来，我们需要初始化 Firebase 应用程序。根据您的配置，您可以使用以下代码：
-- -------------------- ---- ------- ----- -------------- - - ------- ------------ ----------- ------------------------------- ---------- --------------- -------------- ----------------------- ------------------ -------------- ------ ---------- -- --------------------------------------- ----- -- - ---------------------
然后，我们已经准备好使用 Firestore 类型了。
3. 使用 @firebase/firestore-types
在编写应用程序时，@firebase/firestore-types 可以作为一个强有力的合作伙伴出现。
让我们先看一下在创建集合时如何使用类型的好处：
-- -------------------- ---- ------- --------- ---- - ------ ------- -------- ------- ------------ ----- - ----- -------- - ------- -- ------ ---- --- ----------------------------------- ------ ------- -------- ---------- ------------ --- ------ ---
这样，我们可以确保每次向集合中添加文档时，我们都遵守了 Collection 的定义。
让我们看一下在处理文档中数据时，类型如何帮助我们发现和预防错误：
-- -------------------- ---- -------
--------- ---- -
----- -------
-------- -
------- -------
----- -------
-------- -------
----------- -------
-
-
----- ---------- - ---------------------
--------------------------- -- -
-- ------------ -
----- ---- - ---------- -- -----
-- ----------
-- -------------- -- ------------------------- -
----------------- ---- -- -----------
-------
-
----------------- ----- -- -----------
----------------- ------ ----- -- -------------------------
-
---这里，我们可以确保使用符合 User 定义的类型安全的代码来访问用户数据。这将可以确保代码能正确运行，同时也可以在编写时发现潜在的问题。
最后，让我们看一下如何在 Firestore 索引的查询中使用类型：
-- -------------------- ---- -------
--------- ------- -
----- -------
------ -------
--------- -------
-
----- ------------ - -----------
-- ---- ------------------------------------- ---- ----
------------------------------------------ ---- ----------
--------------------- -- -
----- -------- - ---------------------------- -- -
----- ------- - ---------- -- --------
------ -
--- -------
----------
--
---
----------------------
---在这里，我们使用了 collection.where() 方法来查询索引。与仅使用字符串相比，使用类型显然还会更好。
4. 总结
在这篇文章中，我们了解了如何使用 @firebase/firestore-types 包在前端中使用 Firestore。我们提供了在集合、文档和查询中使用类型的示例，并重点介绍了类型对代码安全和可维护性的重要性。
希望这篇文章对打造您的应用程序有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f06deed403f2923b035bf74