Допустим, вы подписаны на чей-то блог WordPress, но хотите использовать данные сайта в PWA (Progressive Web App). Автор может не предлагать приложение по той или иной причине. Давайте сделаем его доступным для CORS и создадим Rest API, используя несколько бесплатных сервисов.

Мы будем использовать Heroku в качестве нашего внутреннего сервера. Heroku засыпает во время неиспользования бесплатного уровня, поэтому, если мы не используем приложение какое-то время, приложению может потребоваться немного больше времени, чтобы проснуться.

ТРЕБОВАНИЯ

  • Знание PHP
  • Сайт WordPress должен иметь включенный RSS

ШАГИ

  1. Создайте учетную запись на Heroku.com.
  2. Создайте новый проект в Heroku. Добавьте надстройку web heroku-php-apache2. Нажмите на вкладку Настройки Heroku. Здесь вы увидите URL-адрес GIT. Используйте клиент Git, например Fork, чтобы клонировать его на свой компьютер. Также добавьте PHP Buildpack в настройках, если вы его не видите.
  3. Создайте новый файл в своем клонированном репозитории git с именем index.php, используя IDE, например Atom, VSCode или NotePad++. Вставьте в него следующий код, зафиксируйте и отправьте в репозиторий:
  4. https://gist.githubusercontent.com/erfg12/67550a1ec4caf19fca27190bb487709c/raw/63cfbb0e1769260e693febf7253c56cade2b89ff/wp_cors.php
  5. На панели инструментов Heroku должны отображаться шаги компиляции. Это может занять минуту.
  6. Нажмите кнопку «Открыть приложение» в правом верхнем углу. Теперь это ваш Rest API для сайта WordPress! Он доступен для CORS, поэтому вы можете использовать его в любом коде JavaScript.

ИСПОЛЬЗОВАНИЕ

  • ПОИСК: https://(PROJECT).herokuapp.com/?search=My%20Search
  • НАВИГАЦИЯ: https://(PROJECT).herokuapp.com/?page=2