强类型 GraphQL 查询

Question

我正在使用 Vue CLI 设置一个项目，使用 axios 作为我的请求库。我见过的所有示例都使用字符串作为查询，例如

{
  hero {
    name
    friends {
      name
    }
  }
}

由于我使用的是打字稿并且对实体进行了打字，有没有办法使用某种流畅的框架或类似的框架来生成查询，以便我可以使用智能感知而不是纯字符串？

Answer 1

大多数客户端要求您以字符串形式提供查询。在编写查询时，您可以使用 GraphiQL、GraphQL Playground 或 Altair 等 IDE 来提供自动完成和语法高亮等功能。某些编辑器也有提供类似功能的插件。如果您使用的是 TypeScript，通常可以使用 GraphQL Code Generator 或 Apollo CLI 之类的东西，然后根据您的查询和架构生成类型。

我知道的唯一客户端是GraphQL Zeus。