如何在 React Native 中下载 GraphQL 架构并集成

下载 graphql 架构 介绍 在我们之前的指南中，我们了解了令人惊叹的 graphql 客户端：relay。现在是时候了解如何使用 relay 从 back4app 获取数据，以便在您的 react native 应用程序中使用。在本指南中，您将学习如何下载 graphql 架构文件并将其放置在您的 react native 项目中。 目标 通过下载架构来准备您的 react native 项目以使用 back4app graphql api。 先决条件 这还不是一个教程，但为了让您在阅读时感到舒适，您需要： 基本的 javascript 知识。 对 graphql 的基本理解。如果您没有， graphql js 是一个完美的起点。 在您的本地环境中运行的基本 react native 项目。 1 下载架构 架构是您从服务器获取的真实来源，将位于您的前端。在 back4app 上，架构是一个自动生成的文件，一旦您定义了数据模型。要更好地理解 back4app graphql 架构，您可以通过以下步骤在 graphql 控制台中打开它： 前往您的 back4app 应用仪表板； 在左侧菜单中，点击 api 控制台，在核心选项卡下； 选择 graphql，您将看到类似这样的内容： 欢迎来到 graphql 游乐场。在这里，您可以使用 sdl 语言编写和运行查询、变更。 在右上角，您将看到两个选项卡：docs 和 schema。在 docs 选项卡中，您将找到易于阅读的 graphql api 文档。该文档基于您在 back4app 上构建数据模型后生成的对象类型。对于开发者来说，这非常棒，因为它可以作为构建查询和变更的快速参考。 back4app 还会为您的 graphql api 生成一个规范：广为人知的模式。该模式可以在 schema 选项卡中找到，并使用 sdl（模式定义语言）编写。该模式将作为您前端的真实来源。 继续，点击 sdl 下载并获取文件以便在下一步中使用。 2 在 react native 应用中粘贴模式 为了让 relay 能够在 react native 应用中读取模式文件，您需要将模式文件粘贴到特定路径。让我们在您的 react native 项目中进行此操作： 在您的应用根路径上创建一个文件夹，并将其命名为 data data 。 将模式文件（sdl）粘贴到此文件夹中 完成。您的前端已经拥有来自后端的真实来源，包含您的 graphql 模式。最终配置如下所示。 重要：每次您在 back4app 上更改数据模型时，您的模式文件也会更改。保持前端的模式文件始终更新非常重要，因此每次更改模式时，您需要在 react native 应用项目中重新上传它。 结论 在您的 react native 应用中已经放置了模式后，您将学习如何配置和准备您的环境，以便能够获取组件查询。