Новый плагин для WordPress с исходным кодом Gatsby теперь в бета-версии

Gatsby объявил, что его новый плагин исходного кода (v4) для WordPress находится в стадии бета-тестирования. Плагин был полностью переработан, чтобы улучшить автономные настройки WordPress, в которых Гэтсби поддерживает интерфейс. Он также интегрируется с Gatsby Cloud для обеспечения предварительных просмотров в реальном времени и дополнительных сборок.

Команда Гэтсби прошла долгий путь к созданию интеграции для сайтов WordPress, которая удовлетворяла бы более сложным вариантам использования. В настоящее время существует три различных способа использования Gatsby с WordPress, каждый из которых имеет свои преимущества и недостатки:

Источник Gatsby WordPress + WP REST API
Исходный код Gatsby GraphQL + WPGraphQL
Исходный код Gatsby WordPress (v4) + WPGraphQL

Первый подход основан на использовании WP REST API для получения всех данных (сообщений, терминов, мультимедиа и т. д.) и кэширования данных в кэше узлов Gatsby. Второй метод позволяет разработчикам писать запросы GraphQL для извлечения данных из кеша Gatsby и визуализации этих данных в шаблонах.

По словам инженера Gatsby и создателя WPGraphQL Джейсона Бала, первые два подхода подходят только для базовых сценариев использования.

«Когда вы начинаете добавлять более продвинутые функции, такие как Flex Fields с расширенными настраиваемыми полями, WP REST API начинает разваливаться, и его становится очень трудно использовать независимо от других», – сказал Бахл. «WP REST API имеет схему, которая позволяет плагинам и темам расширять WP REST API и объявлять, какой тип данных будет предоставлять любая конечная точка. Это полезно для отдельных приложений, чтобы заранее знать, какие данные ожидать.

«Проблема в том, что плагины и темы могут расширять WP REST API без использования схемы или просто определяя типы полей в схеме как типы« объект »или« массив ». Это означает, что для отдельных приложений, включая Gatsby, нет простого способа узнать, чего ожидать от этих полей. Гэтсби полагается на согласованные данные, а WP REST API не согласован. Форма данных, возвращаемых конечными точками (особенно когда плагины расширяют REST API), непредсказуема, и это проблематично для независимых приложений ».

WPGraphQL был создан как альтернатива WP REST API, решая многие из этих проблем с помощью своей принудительной схемы. Это дает преимущества изолированным инструментам, таким как Gatsby, потому что они могут анализировать схему, чтобы определить, какие данные доступны, прежде чем запрашивать их.

«Таким образом, даже в таких случаях, как Flex Fields с расширенными настраиваемыми полями, где возвращаемые данные могут быть одним из многих возможных макетов Flex Field, Гэтсби может знать, что это за данные, прежде чем запрашивать данные», – сказал Бал. «Принудительная схема WPGraphQL позволяет уверенно поставлять обособленные инструменты и устраняет целые классы ошибок».

Подход Gatsby Source GraphQL + WPGraphQL имеет некоторые улучшения по сравнению с использованием WP REST API, но был ограничен тем, что не кэширует данные в кеш узла Gatsby. Это не позволяет сайтам WordPress использовать хорошие коммерческие предложения Gatsby для предварительного просмотра и дополнительных сборок. Бахл объяснил, как новый плагин Gatsby Source WordPress (v4) + WPGraphQL – это «лучшее из обоих миров»:

Он использует WPGraphQL на сервере WordPress для предоставления данных WordPress в виде типизированной схемы GraphQL. Источник Gatsby WordPress v4 использует GraphQL Introspection для чтения схемы с сайта WordPress и создает почти идентичную схему в Gatsby. Затем он извлекает данные с помощью WPGraphQL и кэширует данные в Gatsby. Затем пользователи используют GraphQL для взаимодействия с кешем Gatsby и получения данных для визуализации в компонентах на своем сайте Gatsby.

Новая интеграция дает создателям контента возможность нажать «предварительный просмотр», чтобы увидеть свои изменения в реальном времени на сайте Gatsby. Для публикации больше не требуется полная перестройка сайта. Он просто вытолкнет изменения на затронутые страницы. Изменения вступят в силу в считанные секунды, аналогично тому, как пользователи ожидают, что WordPress будет работать без автономной интеграции. Новый плагин в сочетании с Gatsby Cloud обеспечивает лучшее сочетание возможностей создания контента с Gatsby React + GraphQL для разработчиков, обеспечивая при этом быстрые статические страницы во внешнем интерфейсе.

Если вы хотите протестировать бета-версию нового плагина Gatsby Source WordPress, вы можете найти его (и его зависимости) на GitHub. Также требуются плагины WPGraphQL и WPGatsby.