Gatsby 网站中的高级 GraphQL 使用
在本文中 解释了 查询构造是什么,以及如何使用它们与 Gatsby 网站的数据访问层进行交互。让我们通过使用来自不 同来源的匹配数据来了解 Gatsby 网站中 的一些高级用例。 在 2015 年 发布之前,表述性状态传输 (REST)是与 API 交互的主要方式。因此,GraphQL 的引入是软件开发领域的重大变革。 作为现代静态站点生成器,Gatsby 利用 GraphQL 提供一种简洁的方法来将数据引入框架并对其进行操作。在本文中,我们将仔细研究 GraphQL 以及如何通过在 Gatsby 中构建和实施高级数据源和转换来将其集成到 Gatsby 网站中。结果是出版商的博客可供任何出版公司用来共享其作者的内容。 什么是 顾名思义就是QL ,它是一种查询语言,它结合了一组工具,旨在为我们从源提取数据的方式提供灵活性和效率。
/消费者可以准确请求其所需的数据
使用 GraphQL,客户端。服务器/提供者使用与查询中指定的要求匹配的 JSON 响应签名进行响应。它允许我们以声明方式表达我们的数据需求。 为什么使用 GraphQL? 作为静态站点生成器,Gatsby 存储静态文件,这使得查 伊朗手机号码列表 询数据几乎不可能。通常有一些页面组件必须是动态的,例如单个博客文章页面,因此需要从源中提取数据并将其转换为所需的格式,就像将博客文章存储在 Markdown 文件中一样。一些插件提供来自各种来源的数据,这使您可以从来源查询和转换所需的数据。 根据gatsby.org 上的列表,GraphQL 在 Gatsby 中非常有用: 消除样板文件 将前端复杂性推入查询中 为现代应用程序中始终复杂的数据提供完美的解决方案 最后,消除代码臃肿,从而提高性能。
查询中 为现代应用程序中
些插件提供来自各种来源的数据,这使您可以从来源查询和转换所需的数据。 根据gatsby.org 上的列表,GraphQL 在 Gatsby 中非常有用: 消 AERO 领先 除样板文件 将前端复杂性推入始终复杂的数据提供完美的解决方案 最后,消除代码臃肿,从而提高性能。 GraphQL 概念 Gatsby 保持了广泛使用的 GraphQL 的相同思想;其中一些概念是: 模式定义语言 GraphQL SDL是一个合并到 GraphQL 中的类型系统,您可以使用它为您的数据创建新类型。 我们可以为一个国家声明一个类型,它的属性可以包括名称、大陆、人口、gdp 和州数。 作为下面的示例,我们创建了一个名为Aleem的新类型。它有hobbies一个字符串数组,不是必需的,但国家、婚姻状况和职位是必需的,因为!它们还包括 posts 引用另一种类型Post。