Скачать и интегрировать схему GraphQL в React Native проект

скачать схему graphql введение в нашем предыдущем руководстве мы узнали больше о замечательном клиенте graphql relay теперь пришло время понять, как вы можете использовать relay для получения данных из back4app, чтобы использовать их в вашем приложении react native в этом руководстве вы узнаете, как скачать файл схемы graphql и разместить его в вашем проекте react native цель подготовить ваш проект react native для использования graphql api back4app, скачав схему предварительные требования это еще не учебник, но чтобы вам было комфортно его читать, вам понадобятся базовые знания javascript базовое понимание graphql если у вас его нет, то graphql js — это отличное место для начала базовый проект react native, работающий в вашей локальной среде 1 загрузка схемы схема является вашим источником правды с сервера, который будет находиться на вашем фронтенде в back4app схема — это автоматический файл, который создается, как только вы определяете свою модель данных чтобы лучше понять схему graphql в back4app, вы можете открыть ее в консоли graphql, выполнив следующие шаги перейдите на панель управления вашего приложения back4app; в левом меню нажмите на api console под вкладкой core; выберите 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, теперь вы узнаете, как настроить и подготовить вашу среду, чтобы иметь возможность получать запросы ваших компонентов