在现代的 Web 应用中，前端开发人员经常需要请求服务器上的数据。传统的 RESTful API 已经成为了 Web 开发的标准，但是它们存在一些限制，例如需要多次请求才能获取所需的数据，或者返回的数据格式不是最优的。GraphQL 是一种新的 API 查询语言，它可以解决这些问题，但是也会带来新的挑战，其中之一就是 API 响应时间过长。本文将介绍 GraphQL 中的中断技术，以帮助开发人员预防这个问题。
GraphQL 中的中断
GraphQL 允许客户端在一个请求中获取多个资源，这意味着每个请求的响应数据可能会非常大。如果响应时间过长，客户端可能会失去耐心，放弃等待响应，或者可能会占用过多的服务器资源。为了解决这个问题，GraphQL 引入了中断技术。
中断是一种在服务器端取消正在处理的请求的技术。当一个请求被中断，服务器将停止处理该请求并立即返回响应。这可以避免客户端长时间等待响应，同时也可以释放服务器资源，使其可以处理其他请求。
如何在 GraphQL 中使用中断
GraphQL 中的中断可以通过两种方式实现：超时和手动中断。
超时
超时是一种自动中断技术，它可以在请求处理时间超过一定时间后自动中断请求。在 GraphQL 中，超时可以通过设置服务器的超时时间来实现。如果请求处理时间超过超时时间，服务器将自动中断请求并返回响应。
以下是 Node.js 中使用超时的示例代码：
----- ------- - -------------------
----- ----------- - ---------------------------
----- - ----------- - - -------------------
----- ------- - ---------------------------
----- ------ - -------------
---- ----- -
------ ------
-
---
----- --------- - -
------ -- -- ------ -------
--
----- --- - ----------
-----------------------
--------
-----------
-------------
-------
----------
--------- ----
--
--
---------------- -- -- -
-------------------- - ------- --- ------ -- --------------------------------
---在上面的代码中，我们使用了 connect-timeout 中间件来设置超时时间为 5 秒。如果请求处理时间超过 5 秒，服务器将自动中断请求并返回响应。
手动中断
手动中断是一种在服务器端手动中断请求的技术。在 GraphQL 中，手动中断可以通过 AbortController API 来实现。AbortController API 是一个在浏览器中实现的 API，它可以用于手动中断请求。
以下是在浏览器中使用 AbortController 的示例代码：
----- ---------- - --- ------------------
----- ------ - ------------------
----------------- -
-------
------- -------
-------- -
--------------- ------------------
--
----- ----------------
------ -
----- -
-----
-
-
--
--
-------------- -- ----------------
---------- -- ------------------
------------ -- -
-- ----------- --- ------------- -
-------------------- ----------
- ---- -
---------------------
-
---
------------- -- -
-------------------
-- ------在上面的代码中，我们首先创建了一个 AbortController，然后使用它的 signal 属性作为 fetch 请求的 signal 选项。然后我们设置了一个 5 秒的定时器，当定时器触发时，我们调用 controller.abort() 方法手动中断请求。
结论
在 GraphQL 中，中断是一种预防 API 响应时间过长的技术。中断可以通过超时和手动中断两种方式实现。超时是一种自动中断技术，它可以在请求处理时间超过一定时间后自动中断请求。手动中断是一种在服务器端手动中断请求的技术，它可以通过 AbortController API 来实现。开发人员应该根据实际情况选择合适的中断技术，以确保 API 响应时间在可接受范围内。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6726e6132e7021665e1b8c35