Как использовать WordPress в качестве серверной части: ресурсы для начала работы с REST API

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

Этот пост предоставит введение в то, что такое WordPress REST API и на что он способен. Мы также поделимся несколькими шагами, которые помогут вам начать использовать WordPress в качестве серверной части для приложения или веб-сайта.

Давайте приступим к делу!

Введение в REST API WordPress

Есть много статей, которые объясняют, что такое WordPress REST API - мы даже обсуждали это ранее - поэтому мы будем краткими, чтобы не повторяться. Проще говоря, интерфейс прикладного программирования (API) - это то, что обеспечивает соединение между различными устройствами, приложениями и данными.

Полезная аналогия - думать об API как об официанте, доставляющем запросы и ответы между посетителями и кухней. В этом примере вы закусочная, приложение или база данных, с которыми вы пытаетесь связаться, - это кухня, а ваша «еда» - это данные, которые вы запрашиваете.

Передача репрезентативного состояния (REST) ​​- это «архитектурный стиль» или тип API. Он легкий и требует минимальной полосы пропускания при использовании. Используя REST API, вы можете выполнять четыре основных типа запросов:

• GET : извлекает данные из устройства, приложения или базы данных, с которыми вы общаетесь.
• POST : добавляет данные в устройство, приложение или базу данных, с которыми вы общаетесь.
• PUT : обновляет уже существующие данные на устройстве, приложении или базе данных, с которыми вы общаетесь.
• УДАЛИТЬ : удаляет данные с устройства, приложения или базы данных, с которыми вы общаетесь.

WordPress REST API использует нотацию объектов JavaScript (JSON) для возврата данных. Итак, когда вы соберете все это вместе, вы получите легкий метод обмена запросами GET , POST , PUT и DELETE между веб-сайтами WordPress и другими платформами с помощью JSON.

Понимание того, что может WordPress REST API

Может показаться, что WordPress REST API не так уж и полезен для вас, особенно если вы не разработчик. Однако есть много вещей, которые API может делать, что могут захотеть попробовать даже промежуточные пользователи WordPress, например:

• Синхронизация контента. Вы можете использовать REST API, чтобы разные сайты WordPress могли взаимодействовать друг с другом. Например, вы можете протестировать редизайн веб-сайта, синхронизируя контент между вашим текущим сайтом и обновленной версией.
• Синдицирование контента. Аналогичным образом, вы также можете комбинировать контент с нескольких разных веб-сайтов. Возьмите компанию с несколькими филиалами, каждое со своим собственным сайтом - вы можете объединить контент из всех трех на другой комплексный сайт.
• Настройка таблицы данных WordPress в Google. Используя REST API, вы можете подключить свой сайт WordPress и Google Таблицы. Это может помочь вам организовать свои сообщения в электронной таблице, чтобы всегда быть в курсе обновлений контента.
• Создание мобильных приложений. Подключив свой сайт WordPress к пользовательскому интерфейсу приложения, вы можете создать мобильное приложение, которое дополнит ваш десктопный сайт. Это удобно для таких ситуаций, как создание версии приложения для магазина WooCommerce.
• Используя "безголовый" WordPress. Если параметры внешнего интерфейса WordPress не делают этого за вас, REST API позволяет вам использовать WordPress для создания всего вашего контента и управления им, одновременно обслуживая контент для пользователей на настраиваемом веб-сайте или в интерфейсе веб-приложения. Это известно как «безголовый» WordPress.

Быстрый поиск в Google обнаружит множество других способов использования WordPress REST API. Однако в оставшейся части этого поста мы сосредоточимся на использовании WordPress в качестве серверной части для приложения или веб-сайта.

Как использовать WordPress в качестве серверной части (за 3 шага)

Есть много способов использовать WordPress в качестве серверной части. Таким образом, этот пост представляет собой скорее общее введение в использование WordPress REST API, а не полное руководство по созданию приложения или отдельного веб-сайта.

Хотя приведенные ниже шаги упрощены, чтобы помочь вам начать работу, это означает, что вам, вероятно, потребуется изучить дополнительные рекомендации, относящиеся к вашему проекту. Однако знание этих основ поможет упростить процесс.

Шаг 1. Загрузите контент в WordPress и протестируйте REST API.

Первый шаг к использованию WordPress в качестве серверной части очень похож на запуск веб-сайта WordPress. Вам понадобится установка WordPress, в которой будет загружен весь контент, который вы хотите разместить на своем веб-сайте или в приложении. Это может быть активная установка или новая, которую вы настроили для своего проекта.

Вам также придется поработать над созданием сообщений и страниц, добавлением мультимедийных файлов и всем остальным, что требуется вашему проекту с точки зрения содержания. По сути, вам нужно перенести все, что вы хотите иметь на своем сайте или в приложении, в WordPress, поскольку именно здесь вы будете управлять контентом.

После того, как вы все настроите, вы, вероятно, захотите запустить тест, чтобы увидеть, как работает WordPress REST API. К счастью, вы можете сделать это прямо в браузере. Просто введите свой домен, а затем введите wp-json / wp / v2 / posts:

Вы должны увидеть что-то вроде изображения выше, хотя количество отображаемого JSON будет отличаться в зависимости от того, насколько заполнен сайт. Теперь вы успешно использовали WordPress REST API для возврата данных для всех ваших сообщений. Справочник REST API содержит информацию о том, как это сделать, а также другую информацию.

Чтобы повторить этот шаг:

1. Сначала мы настраиваем установку WordPress, которая будет служить серверной частью для нашего приложения / веб-сайта.
2. Мы создали контент, который хотим отображать в интерфейсе нашего проекта в WordPress в виде сообщений, страниц и т. Д.
3. Чтобы увидеть REST API в действии, мы вернули JSON для всех наших сообщений в браузере.

Как только вы почувствуете, что понимаете, как все эти части работают вместе, вы можете перейти от внутренней части вашего сайта, чтобы начать работу над передней частью.

Шаг 2. Настройте интерфейс вашего приложения или веб-сайта с помощью React

Теперь, когда у вас есть «закулисные» аспекты, вам нужно поработать над той частью вашего приложения или веб-сайта, которую пользователи действительно смогут увидеть. Популярный способ сделать это для пользователей WordPress - через React:

Для непосвященных React - это (как гласит слоган на изображении выше) библиотека JavaScript для создания пользовательских интерфейсов. Он позволяет вам создавать элементы, называемые «компонентами», которые становятся частями, составляющими интерфейсную часть вашего приложения или веб-сайта. Сюда могут входить сообщения, кнопки, изображения или любое количество других функций и возможностей.

Есть также много других платформ, которые вы, возможно, захотите рассмотреть для создания своего проекта, так что выбирайте их, прежде чем совершать коммит. Полное описание использования React (или подобного) выходит за рамки этой статьи. Однако, как только вы выберете метод создания внешнего интерфейса, позаботьтесь о любой конфигурации, чтобы вы были готовы приступить к созданию компонентов.

Шаг 3. Подключите серверную часть WordPress к интерфейсу пользователя

К настоящему времени у вас должна быть серверная часть WordPress и интерфейс React (или другой). Теперь вам просто нужно заставить их разговаривать друг с другом, чтобы данные из WordPress отображались в вашем приложении или на веб-сайте. Здесь на помощь приходит WordPress REST API.

Поскольку вы уже протестировали API и убедились, что он может возвращать данные для ваших сообщений и другого контента, вы знаете, что он работает и готов к работе. Затем вам нужно будет создать компоненты, которые используют REST API для извлечения сообщений из WordPress и отображения их на вашем интерфейсе.

Если у вас минимальный опыт программирования, здесь все будет довольно сложно. Если вы надеетесь быстро запустить приложение или веб-сайт, вам, вероятно, лучше нанять разработчика, который настроит его для вас. Однако, если вы готовы потратить некоторое время, вы можете начать медленно работать над компонентами и учиться по ходу дела.

Мы писали о том, как создать компонент React для получения всех ваших сообщений WordPress и отображения их в приложении в прошлом. Вы можете использовать этот пост в качестве упражнения для начала или пройти некоторые онлайн-курсы.

После того, как вы использовали WordPress REST API для переноса всего вашего контента на свой интерфейс, вы можете начать создавать больше (и становиться все более сложными) компонентов, а затем работать над дальнейшей настройкой внешнего интерфейса вашего сайта - и все это при использовании WordPress для продолжать создавать контент и управлять им.

Заключение

Когда дело доходит до WordPress REST API, определенно есть кривая обучения, особенно если у вас минимальные знания в области программирования. Однако, как только вы освоитесь, эта функция может помочь вам расширить базовую основу для использования WordPress в качестве серверной части для вашего собственного приложения или настраиваемого веб-сайта.

В этом посте представлены несколько простых и упрощенных шагов по использованию WordPress в качестве серверной части. Давайте быстро резюмируем их:

1. Загрузите контент в WordPress и протестируйте REST API.
2. Настройте интерфейс своего приложения или веб-сайта с помощью React.
3. Подключите серверную часть WordPress к интерфейсу React.

У вас есть вопросы по REST API или использованию WordPress в качестве серверной части? Задайте их в разделе комментариев ниже!

Миниатюра статьи Хесус Санс / shutterstock.com