GraphQL 是一种由 Facebook 开发的 Web 应用程序查询语言和运行时。它旨在提高应用程序的数据传输效率和可扩展性，同时提供一种强大的查询语言和结构化数据类型。基于 GraphQL 的实时数据订阅技术，在现代 Web 应用程序中变得越来越流行。
什么是 GraphQL 实时数据订阅？
GraphQL 实时数据订阅技术允许 Web 应用程序通过订阅服务器端的数据源来获取实时数据更新。这意味着客户端不必像传统的轮询方式一样定期查询数据，从而减少了数据传输的延迟和带宽使用，而且可以实时获取更准确、实用的应用程序数据。
GraphQL 实时数据订阅的优点是什么？
GraphQL 实时数据订阅有以下优点：
实时性强：实时数据订阅能够确保客户端从数据源获取最新的数据，从而减少了数据更新延迟和带宽，更有用。
易于使用：GraphQL 减少了 Web 应用程序中大部分连接数据的代码数量。基于 GraphQL 的实时数据订阅使用简单，易于理解和使用。
减少了数据传输网络带宽：基于 GraphQL 的实时数据订阅客户端不必像传统轮询方式那样定期查询数据，从而减少了数据传输的延迟和带宽。
高效处理数据传输：GraphQL 可以将几个 RESTful API 的查询组合到一个查询中，从而将网络请求数量减少到最低限度。
如何实现基于 GraphQL 的实时数据订阅？
GraphQL 实现实时数据订阅需要使用 Subscription。Subscription 是一个用于 GraphQL 客户端接收实时数据的 GraphQL 查询类型。核心概念是：由服务器推送更改或事件，而不是客户端在服务器上轮询，从而实现类似于 WebSockets 但更灵活和强大的实时响应。
基本 Subscription 定义
Subscription 是 GraphQL 的一种类型定义，它使用诸如 WebSockets 或Polling 之类的机制执行实时查询，它在 GraphQL schema 中通过定义 Field 来使用。
---- ------------ - -------------- ---- ---- -
上面的代码片段定义了一个名为 POST_ADDED 的 Subscription，该 Subscription 接收一个ID参数，并返回名为 Post 的类型实例。这意味着客户端可以通过该 Subscription 接收 POST_ADDED 事件内容的更新。
客户端订阅
客户端与 GraphQL Subscription 调用 connect 方法建立连接，通过 register 方法注册所要订阅事件的 Query，然后通过 observer 对象监控返回的事件内容，并作出相应的处理。
------ - ------------------ - ---- -----------------------------
------ - --- - ---- ---------------
------ ------------ ---- ----------------
------ - ------------- - ---- ------------------------
------ - --------------------- - ---- ------------------------
------ - ------------- - ---- -----------------
------ - ---------- - ---- --------------
------ - ---------- - ---- --------------
------ -------- ---- ------------
------ ----- ---- --------
----- ------------------ - --- ------------------------------------------------------- -
---------- ----
---
----- ------ - --- ----------------------------------
----- ------ - --- --------------
------ --- ----------------
----- -------------------------
---
----- ----------------------- - ----
------------ -------------------- ---- -
------------------- ---------- -
--
-------
------ -
--
----
-
-
-
--
----- --------- ------- --------------- -
-----
-
----- ------------------ - ------- - --------- ------ -- -- -
---------- -------------------------------------- ------------ --------- -------------- -- --
--
----------------------------------- ------------ --- ---------------------------------上面的代码片段列举出如何在 GraphQL 客户端中实现基于 GraphQL 的实时数据订阅。
结论
GraphQL 实时数据订阅技术成为现代 Web 应用程序技术的重要一部分。实时性强、易于使用、减少了数据传输网络带宽和高效处理数据传输是其优点。基于 GraphQL 的实时数据订阅技术的实现需要使用 Subscription，客户端可通过订阅查询接收实时数据更新。无论你是使用 React、Vue 还是 AngularJS，基于 GraphQL 的实时数据订阅技术都可以为你的 Web 应用程序带来很大的益处。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6714c784ad1e889fe215c642