25、构建 GraphQL API 与前端界面

pytorchlight8

于 2025-09-25 16:42:00 发布

阅读量24

点赞数

CC 4.0 BY-SA版权

分类专栏：全栈开发实战指南文章标签： GraphQL Next.js Apollo Server

本文链接：https://blog.youkuaiyun.com/pytorchlight8/article/details/152399162

32 篇文章 ¥499.90

订阅专栏¥69.90

在构建项目时，我们需要为中间件添加 GraphQL API，通过定义其模式以及每个查询和突变的解析器来实现。查询将是公开的，而突变将通过 OAuth 添加授权层，作为受保护的 API 公开。

首先，使用 Apollo 服务器创建 API 的单入口点 /api/graphql ，它可以通过 @as-integrations/next 包集成到 Next.js 中。具体操作步骤如下：
1. 从 npm 注册表安装 GraphQL 设置所需的包：

$ docker exec -it foodfinder-application npm install @apollo/server graphql graphql-tag @as-integrations/next

编写模式的第一步是定义查询和突变的类型定义，以及模式中使用的任何自定义类型。我们将模式拆分为三个文件： custom.gql.ts 、 queries.gql.ts 和 mutations.gql.ts