在现代网站和应用程序开发中，经济有效地进行网络请求比任何时候都更加关键。传统的 REST API 提供了一种非常流行的方式来实现这一目标，但是随着时间的推移，使用 GraphQL 也变得越来越普遍。GraphQL 与 REST 相比，提供了更加灵活和高效的网络请求方法。本文将详细介绍 GraphQL 和 REST 的优缺点，并且提供指导意义和示例代码，来帮助您做出正确选择。
REST 的优缺点
REST 的优点：
- 易于理解和使用，因为它遵循着一个共同的约定。
- 它是基于 HTTP 协议的，因此兼容性很好。
- 它是无状态的，因此易于缓存和扩展。
- 它使用基于资源的架构风格，因此易于构建和维护。
REST 的缺点：
- 为了获取所需的数据，可能需要经历多个请求。
- 需要进行大量的开发工作来管理不同的端点。
- 让客户端决定如何使用和展示返回的数据。
GraphQL 的优缺点
GraphQL 的优点：
- 客户端可以按需请求所需的数据，没有浪费。
- 可以在一个请求中获取多个资源。
- 支持类型系统和强类型检查，因此减少了运行时错误的可能性。
- 在获取响应数据之前，可以对查询进行验证，因此生产环境中更加安全。
GraphQL 的缺点：
- 它具有较陡峭的学习曲线，需要学习 GraphQL 查询语言以及相应的服务器实现。
- 它具有较高的服务器负载，因为需要花费更多的时间来处理单个请求。
- 客户端可能会请求过多的数据，这可能会导致网络阻塞。
GraphQL 身在何处
GraphQL 支持您按需获取所需的数据，这使得它在以下情况下尤其有用：
- 处理复杂的数据模型和关系。
- 需要大量数据和嵌套查询。
- 处理计算和聚合数据。
- 希望减少服务器 API 的端点数，并希望更好地控制响应数据。
如何使用 GraphQL？
以下是如何使用 GraphQL 的示例。原始数据模型如下：
-- -------------------- ---- -------
-
-
--- --
------ ------ -------
-------- ----- -- - ---- ---- -------
------- -
--- --
----- ----- ----
--
--------- -
-
--- --
-------- ----- -------
------- -
--- --
----- ----- ----
-
--
-
--- --
-------- ----------
------- -
--- --
----- ----- ----
-
-
-
--
-- ---- ---- --------
-使用 GraphQL 查询语言，客户端可以检索所需的数据：
-- -------------------- ---- -------
- ------ --- -----
-
----- -
---
------
------ -
---
----
--
-------- -
---
--------
------ -
---
----
-
-
-
-服务器将返回一个与查询匹配的响应：
-- -------------------- ---- -------
-
------- -
-------- -
-
----- --
-------- ------ -------
--------- -
----- --
------- ----- ----
--
----------- -
-
----- --
---------- ----- -------
--------- -
----- --
------- ----- ----
-
--
-
----- --
---------- ----------
--------- -
----- --
------- ----- ----
-
-
-
-
-
-
-如何评估选择？
在评估选择 GraphQL 或 REST 时，一个最佳实践是首先评估您的项目需要。如果您的项目仅涉及简单的数据模型和基本的数据交互需求，则 REST 可能是您的最佳选择。GraphQL 是一项强大的技术，但是需要较大的学习和开发工作，因此其优势只有在您需要它所提供的功能时才会表现得特别突出。
结论
GraphQL 和 REST 都是执行网络请求的强大工具。REST 适用于简单的数据模型和基本的数据交互需求，GraphQL 适用于处理复杂的数据模型和关系，需要大量数据和嵌套查询，以及处理计算和聚合数据。在评估选择时，请优先考虑您的项目需求。无论您选择哪一个，始终请确保经济有效地进行网络请求。
示例代码
REST API 示例
-- -------------------- ---- ------- -- --- --- ---- ----- ----------------- ----- ---- -- - ----- ----- - ---------------- ---------------- --- -- --- - -------- ---- ---- --------------------- ----- ---- -- - ----- ---- - ---------------------- --- ------------- ----------- --------------- ---
GraphQL API 示例
-- -------------------- ---- -------
-- ------ - ------- ------
----- -------- - ----
---- ----- -
------ ------
-
---- ---- -
--- ----
------ --------
-------- --------
------- --------
--------- ----------
-
---- ------ -
--- ----
----- --------
-
---- ------- -
--- ----
-------- --------
------- -------
-
--
-- ------ --------- --- --- ------
----- --------- - -
------ -
------ -- -- ------------------------
--
----- -
------- -------- -- -
----- -------- - ----------------
------ ------------------------ --- -------- -----------
--
--------- -------- -- -
----- ------ - ----------
------ --------------------------- ------ -----------
--
--
-------- -
------- -------- -- -
----- -------- - ----------------
------ ------------------------ --- -------- -----------
--
--
--
-- ------ -- ------ ------ --------
----- ------ - --- -------------- --------- --------- ---
-- ----- --- ------ ---------- -- --- ------- ---
------------------------ --- ---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67753f736d66e0f9aaf5e5ee