用 GraphQL 解决 REST API 数据传输的问题-JavaScript中文网-JavaScript教程资源分享门户

REST API 一直是前端和后端交互中的重要方式。但是，REST API 的一个缺点是它们传输过多的请求和响应数据，这会导致网络负载过高，请求速度变慢，带宽消耗变大。这也是为什么越来越多的公司开始使用 GraphQL 来替换 REST API。

GraphQL 是什么？

GraphQL 是 Facebook 开源的一种 API 查询语言及运行时环境。GraphQL 允许客户端在一个请求中声明它需要哪些数据，确切地说，它可以自定义一个查询，只请求所需数据而不是请求整个对象。这极大地减少了不必要的网络负载，更加高效地传输数据。

使用 GraphQL 与 REST API 的另一个差异是如何请求数据。REST API 使用不同的 URL 来请求数据，但使用 GraphQL 时，客户端可以通过查询和突变操作请求数据。这意味着客户端可以在单个请求中请求多个资源。

GraphQL 的优点

灵活性和可扩展性

GraphQL 允许客户端请求任何需要的数据。这种灵活性是 REST API 所不具备的，因为 REST API 只能返回预先定义好的数据。此外，随着应用程序的增长，GraphQL 可以轻松扩展，因为开发人员可以添加新的属性到现有类型上而不需要修改 API。

更少的网络请求

GraphQL 允许客户端在单个请求中获取多个资源，这消除了多次请求的需要。这降低了加载时间和带宽消耗。

强类型系统

GraphQL 的类型系统允许开发人员在项目中使用更强的静态类型检查和 IDE 集成。这提高了代码可读性、可维护性和开发效率。

更好的文档

GraphQL 的类型系统和查询方式让你可以自动生成更好的 API文档。这使得开发人员和相关股东之间的沟通更加简单明了。

GraphQL 示例代码

查询数据

-- -------------------- ---- -------
----- -
  ------------ ------------ ----- ----- -
    -----
    -----------
    ------ -
      ----
      ---
      -----------
    -
  -
-

上面的查询代码会告诉 GraphQL 返回 Inception 这部电影的名称、发布日期、演员的名字、年龄和国籍。

添加数据

mutation {
  createActor(name: "Tom Hardy", age: 35, nationality: "British") {
    id
  }
}

上面的突变代码会创建一个名为 Tom Hardy 长为 35 岁的演员，并返回一个唯一的 ID。

结论

GraphQL 相对于 REST API 的优点是显而易见的。它为开发人员提供了更多灵活、高效和易于维护的工具和服务。但是，GraphQL 并不是适合所有项目的最佳解决方案，没必要强制将 GraphQL 用于项目中。开发人员应该根据项目的需要和要求进行决策。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/66f51790c5c563ced56c6675