13、全栈开发中的GraphQL与MongoDB应用

全栈开发中的GraphQL与MongoDB应用

1. GraphQL API在Next.js中的应用

在开发天气应用时，我们可以将其API重构为使用GraphQL。GraphQL并非一种模式，而是一个由服务器和查询语言组成的环境，我们需要将其添加到Next.js项目中。

1.1 安装Apollo服务器

首先，我们要安装独立的Apollo服务器，它是最流行的GraphQL服务器之一，并且提供了Next.js集成。操作步骤如下：
1. 打开终端，导航到之前重构的应用目录（即第5章构建的应用）。
2. 在目录的顶级，靠近 package.json 文件的位置，执行以下命令：

$ npm install @apollo/server @as-integrations/next graphql graphql-tag

此命令会安装GraphQL语言和GraphQL标签模块。

1.2 创建Schema

每个GraphQL API都始于一个模式定义。具体操作如下：
1. 在Next.js目录中，在 pages 文件夹旁边创建一个名为 graphql 的文件夹，这里将存放所有与GraphQL相关的文件。
2. 创建一个名为 schema.ts 的文件，并粘贴之前编写的代码（如Listing 6 - 2中的代码）。
3. 在文件顶部添加一行代码：