Введение в Headless CMS

Безголовая CMS — это система управления контентом (CMS), отделенная от внешнего интерфейса. Другими словами, это CMS, которая предоставляет только контент через API, используя RESTful или GraphQL. Термин «безголовый» происходит от концепции удаления «заголовка» (front-end) из «тела» (backend или CMS), которое предоставляет контент.

Если вы знакомы с WordPressили другие традиционные монолитные CMS, такие как Drupal или Joomlaтогда это руководство будет для вас простым, так как мы будем создавать интерфейс через их систему шаблонов, обычно используя их встроенные функции и тот же язык, на котором построен CMS. Давайте начнем.
Зачем строить Headless CMS?
Прежде чем перейти к этому руководству, я бы хотел подчеркнуть многие преимущества создания вашего сайта с помощью установки Headless CMS.

Во-первых, с Headless CMS вы можете скрыть бэкэнд, используемый на сайте. Так как серверная часть неизвестна или ее трудно обнаружить, это может помешать вашему сайту стать объектом атаки, такой как атака грубой силы, что часто встречается, если вы используете CMS с открытым исходным кодом, например WordPress.

Во-вторых, Headless CMS может помочь в быстрой скорости загрузки вашего сайта, так как он будет только запрашивать API и отображать контент на лету, а не перезагружать всю страницу, когда пользователь переходит на новую страницу.

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

И, наконец, что не менее важно, с Headless CMS мы можем легко доставлять контент в различные среды, кроме Интернета, такие как; мобильное и настольное приложение, IoT и IFTTT и т. д. Разработчики также могут использовать любой язык для визуализации контента. Таким образом, это может улучшить общее впечатление как для разработчиков, так и для пользователей.
Схема безголовых CMS(Все иконки Icons8)
Безголовые недостатки CMS
Как бы хорошо это ни звучало, установка Headless CMS также имеет свои недостатки, которые нужно учитывать, прежде чем прыгать с корабля.

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

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

К счастью, благодаря широкому сообществу в WordPress, плагины доступны для устранения этого недостатка, например, ACF для REST API добавить данные настраиваемого поля, добавленные с помощью ACF к API, и WP REST Yoast Meta который также добавит метаданные, сгенерированные плагином Yoast SOE, в REST API.
Как построить Headless CMS?
Сегодня существует множество вариантов создания установки Headless CMS. Contenful, dotCMS, а также ButterCMS среди выдающихся имен в контент-API.

Эти сервисы предоставляют только API и интерфейс для управления контентом. Вам решать, как вы хотели бы представить контент. Сервисы такого типа обычно предоставляют SDK для различных языков программирования, чтобы разработчикам было проще подключаться и использовать API.

Кроме того, согласно headlesscms.orgВ настоящее время существует около 50 CMS как с открытым исходным кодом, так и с закрытым исходным кодом, чтобы помочь вам с настройкой Headless CMS. Список не включает традиционные CMS, такие как WordPress, Drupal и Magento, которые теперь имеют встроенный API контента.
Использование WordPress в качестве безголовой CMS
WordPress имеет встроенный API REST начиная с версии 4.4. API включает в себя конечные точки для получения списка сообщений и содержимого каждого сообщения, а также для редактирования сообщения. Если у вас есть этот API, вы можете приступить к созданию установки без головы.

В этом руководстве вместо того, чтобы начинать с нуля, мы будем использовать Безголовый WP Starter в котором уже есть все для нас. Он включает в себя установку WordPress, а также интерфейсную настройку, которая отображает контент с использованием React.js,

  1. Безголовый WP Starter требует Docker. Итак, если вы не установили его на свой компьютер, вы можете перейти к этим инструкциям, чтобы установить Docker и Docker Compose на Windows и macOS.
  • Далее мы создаем каталог для размещения наших сайтов.
  • mkdir wp-headless && cd $ _

  • Затем мы клонируем Headless WP Starter из репозитория в каталог, который мы только что создали.
  • git clone https://github.com/postlight/headless-wp-starter.

  • Наконец, мы запускаем следующую команду, чтобы запустить и запустить сайт.
  • docker-compose up -d

    Этот процесс загрузит несколько образов Docker из реестра Docker и раскрутит контейнеры, что может занять некоторое время.
    Когда это будет сделано, мы сможем получить доступ к сайту с локального хоста: 3000, как показано ниже.
    Загрузка WP Headless в браузерПоследние мысли
    Я думаю, что Headless CMS предпочтительнее, когда темы или шаблона CMS недостаточно для создания интерфейса, который вы хотели бы иметь, или когда контент будет распространяться по различным каналам, помимо Интернета. Для простого сайта я считаю, что использование монолитной CMS все еще является самым простым способом.

    В любом случае, я надеюсь, что вы найдете эту статью полезной для входа в Headless CMS.

    Похожие записи

    Добавить комментарий

    Ваш адрес email не будет опубликован.