GraphQL 入门与实践

最新推荐文章于 2024-09-28 13:18:29 发布

AI画手小王

最新推荐文章于 2024-09-28 13:18:29 发布

阅读量888

点赞数

文章标签：前端 http javascript vue.js

本文链接：https://blog.csdn.net/qq_53225741/article/details/126159166

版权

GraphQL 是 Facebook 开发的一种 API 标准，用于解决 RESTful API 的局限性，如过度和不足获取数据的问题。它允许指定返回的数据，减少网络传输资源，提高效率。本文介绍了 GraphQL 的入门示例、优点和缺点，以及如何学习 GraphQL，帮助开发者理解其工作原理和应用场景。

摘要由CSDN通过智能技术生成

概述

GraphQL 是一种新的 API 标准，由 Facebook 开发并开源。

Facebook 在 2012 年就在他们移动端应用中使用上了 GraphQL，第一次公开发布是在 2015 年的 React Conf 上。其实不仅 Facebook，其他公司也有在探索相关类似的技术，Netflix 也曾推出他们的方案 Falcor，Coursera 在 Facebook 推出 GraphQL 后，取消了相关研发，直接使用 GraphQL。

为什么会有这么多公司都在研发相关技术，让我们先看 GraphQL 是如何使用的，再看看它和现在的 RESTful api 的对比。

GraphQL 入门示例

我们将使用 apollo-server 来创建 GraphQL 示例，或者你也可以使用 express-graphql。示例来源 Apollo 官方，地址。

一个 GraphQL 服务是通过定义类型和类型上的字段来创建的，所以我们先定义类型和字段

const { ApolloServer, gql } = require('apollo-server');

// 定义了一个 Book 类型，后续我们可以在 Query 中使用
const typeDefs = gql(`# 定义了一个 Book 类型，后续我们可以在 Query 中使用type Book {title: Stringauthor: String} # Query 类型是特殊，它列出所有客户端可查询的字段type Query {books: [Book]}
`)

接着我们需要处理对应的字段解析函数，这边我们需要处理 books 是怎么获取数据的，最后返回一定是一个 Book 类型数组。