GraphQL 是一种查询语言和运行时环境,用于 API 和我们的应用之间的数据通信。@graphql-modules/core 是一个 npm 包,可以轻松地构建复杂的 GraphQL 应用程序。在这篇文章中,我们将学习如何使用@graphql-modules/core 构建一个简单的 GraphQL 应用程序。
安装
首先,我们需要在我们的项目中安装@graphql-modules/core。我们可以使用 npm 来安装它:
npm install @graphql-modules/core
现在,我们可以在我们的应用程序中引入@graphql-modules/core:
import { GraphQLModule } from "@graphql-modules/core";
创建模块
现在,我们将创建一个 GraphQL 模块。我们的模块将包含所有我们的 GraphQL 端点、类型、和解析器。我们可以使用@graphql-modules/core 提供的 createModule 函数来创建模块。我们可以在我们的应用程序中添加以下代码来创建一个模块:
-- -------------------- ---- ------- ----- --------- - - --------- - ---- ---- - --- --- ----- ------- - ---- ----- - ------ ------ - -- ---------- - ------ - ------ -- -- ----- ---- ----- -------- -- -- -- ----- ---------- - --- --------------- ----- ------- -------- --- --------- --------------------- ---------- ---------------------- ---
在上面的代码中,我们使用 typeDefs 定义 User 和 Query 类型。我们还定义了查询用户的解析器。接下来,我们将创建一个 userModule,它将包含一个用户解析器和一些用户类型定义。
导入和创建应用程序
现在,我们将导入 userModule 并创建我们的应用程序。我们可以使用 GraphQLModules 的 createApplication 函数来创建我们的应用程序:
import { createApplication } from "@graphql-modules/core"; const app = createApplication({ modules: [userModule], });
在上面的代码中,我们导入了 createApplication 函数并创建了我们的应用程序。我们通过将 userModule 传递给 modules 参数来将我们的模块添加到应用程序中。
查询
现在我们已经成功创建了一个 GraphQL 应用程序,我们可以使用 GraphiQL 界面来测试我们的 API。我们可以访问 http://localhost:4000/graphql 来打开 GraphiQL。现在让我们在 GraphiQL 中发送一个查询,查询用户:
query { users { id name } }
我们可以在 GraphiQL 界面的右侧看到我们的查询结果:
-- -------------------- ---- ------- - ------- - -------- - - ----- ---- ------- ----- - - - -
我们可以看到我们得到了一个用户列表,其中包含用户的 ID 和名称。我们的应用程序成功地返回了我们预期的结果。
结论
现在,我们已经成功地使用@graphql-modules/core 创建了一个简单的 GraphQL 应用程序。我们了解了如何创建模块、导入模块、以及如何查询模块中的数据。使用@graphql-modules/core,我们可以轻松地构建复杂的 GraphQL 应用程序,从而使得 GraphQL 的使用更加简单和可扩展。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/108047