天天看点

GraphQL 快速入门【2】环境设置如何使用 Nodejs 构建 GraphQL 服务器

【注】本文节译自:GraphQL - Quick Guide (tutorialspoint.com)

GraphQL 快速入门【2】环境设置如何使用 Nodejs 构建 GraphQL 服务器

    在本章中,我们将学习 GraphQL 的环境设置。 要执行本教程中的示例,您将需要以下内容:

运行 Linux、macOS 或 Windows 的计算机。

网络浏览器,最好是最新版本的 Google Chrome。

安装了最新版本的 Node.js。建议使用最新的 LTS 版本。

已安装适用于 VSCode 的扩展 GraphQL 的 Visual Studio Code 或您选择的任何代码编辑器。

    我们将详细介绍使用 Nodejs 构建 GraphQL 服务器的步骤,如下所示:

    安装 NodeJs 后,在终端上使用以下命令验证 node 和 npm 的版本:

    按照以下说明使用 Visual Studio 代码编辑器打开文件夹:

    创建 package.json 文件,该文件将包含 GraphQL 服务器应用程序的所有依赖项。

    使用下面给出的命令安装依赖项:

    在这一步中,我们使用平面文件来存储和检索数据。创建文件夹 data 并添加两个文件 student.json 和 Colleges.json。

    以下是 Colleges.json 文件:

    以下是 student.json 文件:

    我们需要创建加载数据文件夹内容的数据存储。在这种情况下,我们需要集合变量、学生和大学。每当应用程序需要数据时,它就会使用这些集合变量。

    在项目文件夹中创建文件 db.js,如下所示:

    在当前项目文件夹中创建模式文件并添加以下内容:

    在当前项目文件夹中创建解析器文件并添加以下内容:

    创建服务器文件并按如下方式配置 GraphQL:

    验证项目 test-app 的文件夹结构如下:

    运行命令 npm start,如下所示:

    服务器运行在 9000 端口,因此我们可以使用 GraphiQL 工具测试应用程序。打开浏览器并输入 URL http://localhost:9000/graphiql 。在编辑器中输入以下查询:

    来自服务器的响应如下:

GraphQL 快速入门【2】环境设置如何使用 Nodejs 构建 GraphQL 服务器