npm 包@graphql-modules/core 使用教程

阅读时长 4 分钟读完

GraphQL 是一种查询语言和运行时环境,用于 API 和我们的应用之间的数据通信。@graphql-modules/core 是一个 npm 包,可以轻松地构建复杂的 GraphQL 应用程序。在这篇文章中,我们将学习如何使用@graphql-modules/core 构建一个简单的 GraphQL 应用程序。

安装

首先,我们需要在我们的项目中安装@graphql-modules/core。我们可以使用 npm 来安装它:

现在,我们可以在我们的应用程序中引入@graphql-modules/core:

创建模块

现在,我们将创建一个 GraphQL 模块。我们的模块将包含所有我们的 GraphQL 端点、类型、和解析器。我们可以使用@graphql-modules/core 提供的 createModule 函数来创建模块。我们可以在我们的应用程序中添加以下代码来创建一个模块:

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

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

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

在上面的代码中,我们使用 typeDefs 定义 User 和 Query 类型。我们还定义了查询用户的解析器。接下来,我们将创建一个 userModule,它将包含一个用户解析器和一些用户类型定义。

导入和创建应用程序

现在,我们将导入 userModule 并创建我们的应用程序。我们可以使用 GraphQLModules 的 createApplication 函数来创建我们的应用程序:

在上面的代码中,我们导入了 createApplication 函数并创建了我们的应用程序。我们通过将 userModule 传递给 modules 参数来将我们的模块添加到应用程序中。

查询

现在我们已经成功创建了一个 GraphQL 应用程序,我们可以使用 GraphiQL 界面来测试我们的 API。我们可以访问 http://localhost:4000/graphql 来打开 GraphiQL。现在让我们在 GraphiQL 中发送一个查询,查询用户:

我们可以在 GraphiQL 界面的右侧看到我们的查询结果:

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

我们可以看到我们得到了一个用户列表,其中包含用户的 ID 和名称。我们的应用程序成功地返回了我们预期的结果。

结论

现在,我们已经成功地使用@graphql-modules/core 创建了一个简单的 GraphQL 应用程序。我们了解了如何创建模块、导入模块、以及如何查询模块中的数据。使用@graphql-modules/core,我们可以轻松地构建复杂的 GraphQL 应用程序,从而使得 GraphQL 的使用更加简单和可扩展。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/108047