Выйдите за рамки с Headless Powered by Atlas

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

На этом заседании директор по продуктам WP Engine Джейсон Конен подводит итоги достижений, которых мы добились с помощью Atlas, безголового решения WordPress от WP Engine, и дает краткий обзор достижений, которых мы будем добиваться в 2023 году.

Слайды сессии:

Стенограмма:

ДЖЕЙСОН КОНЕН: Привет, я Джейсон Конен. Я директор по продукту Atlas здесь, в WP Engine, и сегодня я хотел бы поговорить с вами о том, как выйти за рамки возможностей Headless на базе Atlas. То, что мы действительно наблюдаем сейчас, — это огромный сдвиг на рынке. Это, вероятно, самый большой сдвиг с момента появления смартфонов: 64% предприятий в настоящее время используют безголовый подход, а 90% планируют сделать это в ближайшие 12 месяцев. Это огромное число. И мы знаем, что за последние пару лет сообщество WordPress в Headless выросло. Мы очень тесно сотрудничали с некоторыми из наших партнеров и развернули множество безголовых сайтов WordPress, чтобы удовлетворить эту потребность.

Одна из вещей, которую мы видим, это то, что Headless действительно расширяет возможности разработчиков. Итак, у современных CMS есть несколько действительно замечательных вещей, которые они делают. Но мы обнаружили, что это действительно лишает возможности издателя. Так что эти безголовые CMS, которые с самого начала были специально созданы для безголовых, они действительно интересны, они действительно полезны для разработчиков, но издатели теряют некоторые вещи. Они теряют темы и макеты страниц, инструменты SEO и тому подобное. Но WordPress действительно расширяет возможности издателя, и так было всегда. От ядра до всех плагинов в экосистеме, всех тем и сообщества.

Таким образом, вы действительно позволяете издателю контролировать свое сообщение, текст, форматирование, A/B-тестирование, инструменты SEO, менять темы и выполнять всю эту работу без необходимости тяжелой разработки. Но мы только что сказали, что Безголовый забирает это, забирает эту силу. Но мы верим, что Headless WordPress вернет это всем, не только помогая разработчикам и тем, что они хотят делать, но и издателям, и тем, что они пытаются сделать. Поэтому, если вы посмотрите на это как на «какие инструменты лучше всего подходят для работы», ваши разработчики захотят работать с современным техническим стеком, который позволяет им масштабироваться, использовать код, использовать современные методы и расти вместе с отраслью. Принимая во внимание, что издатели хотят иметь возможность использовать инструменты CMS, которые они знали и любили в течение 20 лет, без необходимости вносить много изменений.

Здесь на помощь приходит Atlas. Платформа Atlas была разработана, чтобы радовать как издателей, так и разработчиков. Основой для этого является лучший в своем классе хостинг WordPress, но затем мы добавили автоматическое масштабирование и хостинг восстанавливающих узлов, чтобы вы могли создавать современные веб-приложения поверх WordPress. У нас есть предварительно настроенное пограничное кэширование, инструменты CI/CD и непревзойденная производительность и безопасность, и все это построено на вершине экосистемы, которая растет в растущем сообществе. WP GraphQL, а также его новая функция Smart Cache, наш новый продукт Atlas Search. Faust.JS, безголовый фреймворк для создания безголовых сайтов WordPress, расширенные настраиваемые поля, которые мы добавили в семейство WP Engine в прошлом году, и мы усердно работали над внедрением наших возможностей Atlas Content Modeler прямо в ACF.

Чертежи и многое другое, и давайте не будем забывать о поддержке мирового класса, которую вы уже знаете и любите. Теперь я хочу немного поговорить о производительности. Недавно у нас был клиент, который запустил пару рекламных роликов во время Суперкубка. И вы даже не можете проверить тип трафика, который вы получите на таком мероприятии. Если вы видите здесь на этом графике, у вас есть три небольших пика на шестом, восьмом и девятом. Это были их нагрузочные тесты, поэтому они тестировали, чтобы увидеть «эй, выдержит ли этот сайт» весь трафик, который они ожидали во время Суперкубка. И затем вы видите там позже на диаграмме два гигантских пика, и это соответствует двум рекламным объявлениям, которые были показаны во время Суперкубка. В 10 раз больше трафика, чем они ожидали. И это было невероятно успешно.

У них была стабильная производительность до, во время и после, даже несмотря на внезапный 10-кратный всплеск с 10 миллионами запросов всего за несколько минут. DDoS-атаки были подавлены на периферии, что позволило предотвратить любые проблемы с производительностью приложений. 99% всего внешнего интерфейса было кэшировано за 151 миллисекунду до первого байта и за 700 миллисекунд на рендеринг, и все это при обработке 27 миллионов запросов во время Суперкубка. Так что если бы вы зашли на сайт в пик трафика, вы бы и не догадались, что он находится под такой нагрузкой. Это та производительность, которую может принести вам безголовый сайт WordPress. И мы встроили это в платформу Atlas.

Мы очень усердно работаем с заказчиком и агентством, стоящим за этой рекламой, чтобы убедиться, что их сайт работает и оптимизирован. И то, что мы делаем с нашими клиентами, заключается в том, чтобы убедиться, что мы используем все передовые методы, чтобы гарантировать, что ваши сайты будут производительными, быстрыми и безопасными. Поэтому одна из важных вещей, которую мы делаем в команде Atlas, — это прислушиваться к нашим клиентам и партнерским агентствам и сотрудничать с ними. Слушаем, учимся и отпускаем. И вот только целая куча вещей, которые мы запустили в 2022 году для Atlas.

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

Вот некоторые из вещей, которые я хотел бы выделить и обсудить более подробно из этого списка: Faust.js. Итак, это фреймворк Headless для WordPress. Мы построили это в 2021 году и выпустили там. И мы получили много отзывов от вас, ребята, и это было здорово. И мы взяли этот отзыв и переделали его, потому что он просто не масштабировался так, как требовалось разработчикам. Мы использовали язык запросов, предоставленный G-qty, и обнаружили, что он просто делает некоторые волшебные вещи, но не масштабируется так, как мы хотели. Поэтому мы заменили его на Apollo, который является отраслевым стандартом. И это дало фреймворку гораздо больше гибкости.

Мы также выпустили полную поддержку иерархии шаблонов. Так что, если вы настоящий разработчик WordPress и много лет имеете дело с иерархией WordPress, это будет вам очень знакомо. Вы точно поймете, что происходит. Мы также добавили архитектуру подключаемых модулей, чтобы вы могли расширять ее по мере необходимости. Аутентификация, предварительный просмотр контента прямо из WordPress, то, чего ожидают маркетологи при создании своего сайта. Так что это был действительно большой релиз, вдохновленный всеми отзывами, которые дало нам сообщество. И мы продолжаем это делать. Наша следующая большая функция, которую вы можете использовать уже сегодня, — это поддержка Gutenberg Block.

Итак, это новое. И, по сути, то, что мы пытаемся сделать, это сделать так, чтобы разработчики могли гарантировать, что блоки, которые издатель привык использовать в WordPress, доступны для внешнего интерфейса, для вашего приложения узла без тонны дополнительной работы, так что вы можете предоставить издателю то, что он ожидает, наряду с простым и управляемым процессом разработки. И у нас есть сессия позже в DE{CODE} по этому поводу. Я призываю вас всех принять участие и извлечь уроки из этого. Мы будем рады вашим отзывам, поскольку мы продолжаем работать над этой ключевой функцией.

Еще одна вещь, которая пропала без вести, когда вы переводите WordPress на Headless, — это панель инструментов. Многие издатели привыкли переходить на веб-страницу, нажимать «Редактировать контент» и переходить прямо в редактор, чтобы иметь возможность изменять контент на лету. Ну, это исчезло, когда ты стал Безголовым. Итак, мы добавляем это обратно к Фаусту. Таким образом, вы можете редактировать контент, отлаживать соединения и многое другое, как если бы вы использовали существующую панель инструментов WordPress. Я также думаю, что есть некоторые действительно интересные вещи, которые мы можем привнести в панель инструментов, которых нет в традиционном WordPress. Такие вещи, как производительность сервера, статус развертывания и другие, — это всего лишь набор идей, которые у нас есть для этой конкретной функции.

Итак, еще одна вещь, о которой я хочу поговорить с Faust, это то, что Faust построен на основе Apollo, React и Next.js. Это расширяет возможности и значительно упрощает работу с WordPress для современного разработчика JavaScript. Вы не должны использовать его. Мы не зависим от фреймворка в Atlas. Но если вы ищете рекомендации о том, как лучше всего это сделать, мы рекомендуем Faust. Еще одна ключевая функция, которая запускается сегодня здесь, в DE{CODE}, и о которой я хотел бы рассказать, — это поиск Atlas. Возможно, вы помните Atlas Search из прошлогодней конференции DE{CODE}, где у нас была открытая бета-версия, которую многие из вас могли попробовать. И многие из вас так и сделали, и множество отзывов, которые вы предоставили нам в течение года, действительно сделали эту полноценную функцию, которую мы можем запустить сегодня.

Это первый GraphQL без проприетарного API и полностью расширяемый. У нас есть полный набор функций с поддержкой ACF и настраиваемых типов сообщений, фасетным просмотром, взвешенными и настраиваемыми результатами, определением корней, нечеткостью и исключениями, и, что самое приятное, у нас нет ограничений на действия поиска или пропускную способность. Мы хотим сделать это простым и удобным для вас. Поэтому, если вас это интересует, ознакомьтесь с нашей дополнительной информацией об Atlas Search.

И некоторые другие важные релизы, о которых вы, возможно, не знали, которые мы выпустили за последние пару кварталов: предварительные среды. Поэтому, если вы хотите предварительно просмотреть запрос на опрос, мы можем настроить для вас среду автоматически. И это делает тестирование и контроль качества очень простыми. Вам не нужно выполнять всю работу по выяснению того, кто смотрит на какую ветку, где и на какую среду они смотрят. Вы можете просто автоматически создать одну из этих эфемерных сред на основе вашего запроса на опрос.

У нас также есть перестроенные вебхуки. Таким образом, вы можете использовать их для запуска сборок на основе любой необходимой вам бизнес-логики. Это также то, что живет сегодня. При этом у нас также есть мгновенные откаты. Поэтому, если что-то не работает, вы можете выполнить повторное развертывание на предыдущую версию своего сайта. Кроме того, у нас есть журналы сборки в реальном времени и возможность отменить сборку. Поэтому, если что-то пойдет не так, отмените его, и мы сможем посмотреть на ошибки, внести изменения и перестроить этот сайт. И еще одна вещь, о которой многие из вас просят, — это защита паролем, как в традиционном WordPress. У вас могут быть среды предварительного просмотра, которые вы хотите, чтобы ваш клиент посмотрел и одобрил. Поставьте на это пароль, чтобы вы могли сделать это живым и позволить им использовать его.

А теперь я хотел бы рассказать вам немного больше о будущем. У нас есть много замечательных вещей на горизонте для Atlas в следующем году. Но есть несколько из них, о которых я хотел бы поговорить, они ближе к реальности, и вы должны увидеть их в ближайшие несколько месяцев. Первая из них — расширенный мониторинг и аналитика. Мы очень часто слышали от вас, что вы хотели бы больше информации, больше аналитики, что происходит с моим сайтом? Как выглядит мой трафик? Как выглядят журналы доступа? Поэтому мы хотим показать это вам, чтобы вы могли видеть это, не спрашивая об этом.

Вы можете использовать это для оптимизации своих кампаний, своего кода, своего сайта. Мы также собираемся добавить мониторинг и оповещение GraphQL. Что именно происходит с вашими запросами GraphQL в режиме реального времени? Так что вы можете оптимизировать производительность. Ранее я упоминал рекламу Super Bowl, которая требовала много настроек различных запросов, чтобы получить наиболее оптимальное впечатление. Так что, если мы можем предоставить вам всю эту информацию на кончиках ваших пальцев, чтобы вы могли оптимизировать ее самостоятельно, когда делаете свою сборку? Это цель здесь.

Мы также хотим улучшить опыт CI/CD. Итак, сегодня мы делаем автоматические развертывания и тому подобное для вас, но есть конвейеры развертывания, которых не существует. Например, если вы вносите изменения как в серверную часть, так и в WordPress и во внешний интерфейс в Node, как вы развертываете их одновременно, чтобы получить нужный опыт? Поэтому мы собираемся работать над тем, чтобы позволить создавать и управлять встроенными конвейерами для ваших проектов с управлением развертываниями в WordPress и Node. Еще один важный момент, о котором мы часто слышим, — это персонализация и локализация Headless. Поскольку эти веб-сайты становятся все более и более целевыми, мы хотим убедиться, что у вас есть все инструменты, необходимые для персонализации и локализации ваших сайтов. Поэтому мы работаем над идеями о том, как это может быть реализовано.

Мы будем очень рады вашей помощи, потому что, когда я говорю «персонализация или локализация без головы», это может означать многое для разных людей. Поэтому я хотел бы услышать от вас, чтобы понять, что вы делаете в этой области, чтобы мы могли гарантировать, что мы создадим для вас правильные возможности. Мы также создаем библиотеку безголовых блоков. Это расширение нашего проекта React Gutenberg Bridge, о котором я говорил ранее, и я надеюсь, что вы пойдете и посетите сессию, посвященную этому, позже на нашем мероприятии DE{CODE}. Но мы хотим предоставить библиотеку наиболее часто используемых блоков в WordPress, чтобы все они были настроены и подключены для использования «из коробки», чтобы вам не приходилось идти и делать эту работу.

И вы также сможете использовать их в качестве шаблона для подключения ваших собственных пользовательских блоков по мере необходимости. В долгосрочной перспективе я надеюсь, что разработчики смогут создавать библиотеки повторно используемых компонентов и, возможно, делиться ими с сообществом, чтобы мы все могли начать работу над нашими проектами. Говоря о «Фаусте», я хочу отметить постоянные инвестиции, которые у нас есть. Как я уже говорил ранее, Faust использует Apollo, React и Next.js. И мы собираемся добавить в нашу платформу дополнительные функции для поддержки этих компонентов, чтобы они работали быстрее, безопаснее и упростили вам разработку на Atlas.

Итак, сейчас я хочу поговорить об очень интересной теме. Этот вопрос был задан на заседании круглого стола, которое мы провели несколько недель назад. Вопрос, я думаю, был именно в том, почему все так сильно продвигают Безголового? И поэтому я хочу поговорить о том, подходит ли Headless для каждого проекта? Я думаю, что на высоком уровне это не так. Вам нужно выбрать правильный инструмент для работы. И Headless действительно превосходен, когда вы хотите создать что-то очень быстрое и производительное на современном веб-стеке, и вы хотите быть очень, очень безопасным. Это превосходно, когда у вас есть сложные проекты. Это превосходно, когда производительность имеет первостепенное значение.

Могу ли я порекомендовать вам создать небольшой сайт-брошюру на Headless? Не обязательно, если только это не был сайт с интенсивным трафиком, который имел историю низкой производительности, и вам нужно было улучшить его производительность, или если вы хотели поэкспериментировать. Это идеальный сайт для экспериментов, потому что они, как правило, маленькие. Но если вы делаете большой медиа-сайт или сайт электронной коммерции, я рекомендую Headless, потому что он позволит вам создавать эти сайты очень компонуемым способом, получать данные из других систем, создавать многоканальный опыт и быть быстрым и эффективным.

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

Я хотел бы поблагодарить вас за то, что уделили сегодня время, а также за ваши постоянные отзывы и сотрудничество, поскольку мы продолжаем нашу миссию по превращению WordPress в отличную безголовую CMS. Сегодня на мероприятии DE{CODE} у нас есть еще несколько сеансов Headless. Я призываю вас смотреть их, задавать вопросы, так как мы всегда очень рады работать с вами и узнавать о вещах, которые вы считаете важными для разработки ваших сайтов. Спасибо.