Idź dalej dzięki Headless Powered by Atlas

Nadszedł czas, aby poważnie podejść do rozwiązań bezgłowych. Prawdziwe firmy i agencje tworzą bezobsługowe środowiska internetowe, które dają programistom elastyczność w korzystaniu z dowolnego stosu front-end i umożliwiają twórcom treści korzystanie z preferowanego interfejsu publikowania.

Podczas tej sesji Jason Konen, dyrektor produktu WP Engine, podsumowuje postępy, jakie poczyniliśmy dzięki Atlasowi, bezgłowemu rozwiązaniu WordPress WP Engine, i zapewnia wgląd w postępy, które będziemy realizować w 2023 roku.

Slajdy sesji:

Transkrypcja:

JASON KONEN: Cześć, jestem Jason Konen. Jestem dyrektorem ds. Produktu firmy Atlas w WP Engine i chciałbym dziś z wami porozmawiać o wychodzeniu poza ramy dzięki Headless powered by Atlas. To, co tak naprawdę obserwujemy teraz, to ogromna zmiana na rynku. To prawdopodobnie największa zmiana od czasu pojawienia się smartfonów, przy czym 64% przedsiębiorstw stosuje obecnie podejście Headless, a 90% chce to zrobić w ciągu najbliższych 12 miesięcy. To ogromna liczba. Wiemy, że społeczność WordPress w Headless rozwija się w ciągu ostatnich kilku lat. Ściśle współpracowaliśmy z niektórymi z naszych partnerów i wdrożyliśmy wiele, wiele witryn opartych na Headless WordPress, aby zaspokoić tę potrzebę.

Jedną z rzeczy, które widzimy, jest to, że Headless naprawdę wzmacnia możliwości programistów. Tak więc nowoczesne systemy CMS mają naprawdę niesamowite rzeczy, które robią. Ale odkrywamy, że to naprawdę pozbawia wydawcę władzy. Więc te CMS-y Headless, które od samego początku zostały stworzone specjalnie dla headless, są naprawdę interesujące, naprawdę pomocne dla programistów, ale wydawcy tracą pewne rzeczy. Tracą motywy i układy stron oraz narzędzia SEO i tym podobne. Ale WordPress naprawdę wzmacnia pozycję wydawcy i zawsze tak było. Od rdzenia po wszystkie wtyczki w ekosystemie, wszystkie motywy i społeczność.

Tak naprawdę pozwalając wydawcy kontrolować swój przekaz, tekst, formatowanie, testy A/B, narzędzia SEO, zmieniać motywy i wykonywać całą tę pracę bez konieczności intensywnego programowania. Ale właśnie powiedzieliśmy, że Headless odbiera to, odbiera tę moc. Wierzymy jednak, że Headless WordPress przywraca to każdemu, nie tylko wspierając programistów i to, co chcą zrobić, ale także wydawców i to, co próbują zrobić. Jeśli więc spojrzysz na to jako na „jakie są najlepsze narzędzia do tego zadania”, twoi programiści będą chcieli pracować z nowoczesnym stosem technologii, który pozwoli im skalować, nadużywać kodu, korzystać z nowoczesnych technik i rozwijać się wraz z branżą. Z kolei wydawcy chcą mieć możliwość korzystania z narzędzi CMS, które znają i kochają od 20 lat, bez konieczności wprowadzania wielu zmian.

W tym miejscu wkracza Atlas. Platforma Atlas została zaprojektowana tak, aby zachwycać zarówno wydawców, jak i programistów. Podstawą tego jest najlepszy w swojej klasie hosting WordPress, ale potem dołożyliśmy warstwy do automatycznego skalowania i hostowania węzłów naprawczych, abyś mógł tworzyć nowoczesne aplikacje internetowe na WordPress. Mamy wstępnie skonfigurowane buforowanie brzegowe, narzędzia CI/CD oraz niezrównaną wydajność i bezpieczeństwo, a wszystko to zbudowane na bazie ekosystemu, który rozwija się w społeczności, która się rozwija. WP GraphQL wraz z nową funkcją Smart Cache, naszym nadchodzącym produktem Atlas Search. Faust.JS, bezgłowy framework do budowania bezgłowych witryn WordPress, zaawansowane pola niestandardowe, które wprowadziliśmy do rodziny WP Engine w zeszłym roku i ciężko pracowaliśmy nad przeniesieniem naszych możliwości Atlas Content Modeler bezpośrednio do ACF.

Plany i nie tylko, nie zapominajmy też o światowej klasy wsparciu, które już znasz i kochasz. Teraz chcę trochę porozmawiać o wydajności. Niedawno mieliśmy klienta, który wyświetlał kilka reklam podczas Super Bowl. I nie możesz nawet przetestować rodzaju ruchu, jaki dostaniesz na wydarzeniu takim jak to. Jeśli widzisz tutaj na tym wykresie, masz trzy małe skoki na szóstym, ósmym i dziewiątym. To były ich testy obciążenia, więc testowali, aby zobaczyć „hej, czy ta witryna wytrzyma” cały ruch, którego oczekiwali podczas Super Bowl. Później na wykresie widać dwa gigantyczne skoki, które odpowiadają dwóm reklamom wyświetlanym podczas Super Bowl. 10 razy większy ruch niż oczekiwali. I to się niesamowicie udało.

Mieli stałą wydajność przed, w trakcie i po, nawet przy nagłym 10-krotnym skoku z 10 milionami żądań w zaledwie kilka minut. Ataki DDoS zostały złagodzone na krawędzi, zapobiegając wszelkim problemom z wydajnością aplikacji. 99% całego interfejsu było buforowane z 151 milisekundami do pierwszego bajtu i 700 milisekund do renderowania, a wszystko to podczas obsługi 27 milionów żądań podczas Super Bowl. Jeśli więc odwiedziłeś witrynę w szczycie ruchu, nie miałbyś pojęcia, że ​​jest ona tak obciążona. Taką wydajność może zapewnić witryna Headless WordPress. Wbudowaliśmy to w platformę Atlas.

Bardzo ciężko pracujemy z klientem i agencją stojącą za tą reklamą, aby upewnić się, że ich witryna jest wydajna i zoptymalizowana. To właśnie robimy z naszymi klientami, upewniając się, że stosujemy wszystkie najlepsze praktyki, aby zapewnić, że Twoje witryny są wydajne, szybkie i bezpieczne. Tak więc jedną z wielkich rzeczy, które robimy w zespole Atlas, jest słuchanie i partnerstwo z naszymi klientami i partnerami agencyjnymi. Słuchamy, uczymy się i uwalniamy. A oto cała masa rzeczy, które wprowadziliśmy w 2022 roku dla Atlasa.

Chcę przekazać, ile inwestycji mamy w tej dziedzinie. Naprawdę wierzymy, że bezgłowy WordPress naprawdę wnosi to, co najlepsze ze światowej klasy CMS do wydajności i doświadczenia programistów, których nowoczesne witryny potrzebują, aby odnieść sukces. W miarę jak będziemy dalej z wami pracować nad tym, co naprawdę musimy zbudować, co naprawdę potrzebujemy, aby pomóc wam odnieść sukces, zobaczycie tutaj coraz więcej inwestycji. Zobaczycie, jak nadal wydajemy rzeczy, jeśli nie co dwa tygodnie, to przynajmniej raz w miesiącu, ponieważ poruszamy się dość szybko. A twoja opinia jest dla nas bardzo ważna.

Niektóre z rzeczy, które chciałbym przywołać i omówić trochę głębiej z tej listy to: Faust.js. To jest framework Headless dla WordPressa. Zbudowaliśmy to w 2021 roku i tam to wydaliśmy. Otrzymaliśmy od was wiele opinii i było wspaniale. Przyjęliśmy te opinie i przebudowaliśmy go, ponieważ po prostu nie skalował się tak, jak wymagali tego programiści. Użyliśmy języka zapytań dostarczonego przez G-qty i stwierdziliśmy, że po prostu… zrobił kilka magicznych rzeczy, ale nie skalował się tak, jak chcieliśmy. Więc zamieniliśmy to na Apollo, który jest standardem branżowym. A to pozwoliło na znacznie większą elastyczność w ramach.

Udostępniliśmy również pełną obsługę hierarchii szablonów. Więc jeśli jesteś prawdziwym programistą WordPress i od lat zajmujesz się hierarchią WordPress, będzie to dla ciebie bardzo znajome. Zrozumiesz dokładnie, o co chodzi. Dodaliśmy również architekturę wtyczek, dzięki czemu możesz ją dowolnie rozszerzać. Uwierzytelnianie, podgląd treści prosto z WordPressa, rzeczy, których marketerzy oczekują podczas tworzenia swojej witryny. To było naprawdę duże wydanie, naprawdę zainspirowane wszystkimi opiniami, które przekazała nam społeczność. I dalej to robimy. Naszą kolejną dużą funkcją, z której możesz korzystać już dziś, jest obsługa Gutenberg Block.

Więc to jest nowe. Zasadniczo staramy się, aby programiści mogli zapewnić, że bloki, z których korzysta wydawca w WordPressie, są dostępne dla interfejsu użytkownika, dla aplikacji węzłowej bez mnóstwa dodatkowej pracy, tak aby możesz zapewnić wydawcy doświadczenie, jakiego oczekuje, wraz z łatwym i łatwym w zarządzaniu środowiskiem programistycznym. Później mamy sesję w DE {CODE} na ten temat. Zachęcam wszystkich do przybycia i uczenia się z tego. Chcielibyśmy poznać Twoją opinię tutaj, ponieważ kontynuujemy iterację tej kluczowej funkcji.

Kolejną rzeczą, której brakowało, gdy przenosisz WordPress do Headless, jest pasek narzędzi. Wielu wydawców jest przyzwyczajonych do otwierania strony internetowej, klikania opcji „Edytuj treść” i przechodzenia bezpośrednio do edytora oraz możliwości zmiany treści w locie. Cóż, to zniknęło, kiedy zostałeś Bezgłowy. Więc dodajemy to z powrotem z Faustem. Możesz więc edytować zawartość, debugować połączenia i nie tylko, tak jak w przypadku istniejącego paska narzędzi WordPress. Myślę też, że jest kilka naprawdę interesujących rzeczy, które możemy wprowadzić do paska narzędzi, które nie istnieją w tradycyjnym WordPressie. Rzeczy takie jak wydajność serwera, status wdrożenia i inne, to tylko garść pomysłów, które mamy dla tej konkretnej funkcji.

Kolejną rzeczą, o której chcę porozmawiać z Faustem, jest to, że Faust jest zbudowany na bazie Apollo, React i Next.js. Rozszerza to i znacznie ułatwia pracę z WordPressem współczesnemu programiście JavaScript. Nie musisz go używać. Jesteśmy niezależni od frameworka w Atlasie. Ale jeśli szukasz rekomendacji, jak najlepiej to zrobić, naszą rekomendacją jest Faust. Inną kluczową funkcją, która została uruchomiona dzisiaj w DE{CODE}, którą chciałbym przywołać, jest wyszukiwanie w Atlasie. Być może pamiętasz wyszukiwarkę Atlas Search z zeszłorocznego DE{CODE}, podczas którego wielu z was mogło wypróbować otwartą wersję beta. I wielu z was to zrobiło, a wiele opinii, które przekazaliście nam w ciągu roku, naprawdę sprawiło, że jest to kompletna funkcja, którą możemy dziś uruchomić.

Jest to pierwszy GraphQL bez zastrzeżonego API i jest w pełni rozszerzalny. Mamy pełny zestaw funkcji z obsługą ACF i niestandardowych typów postów, przeglądaniem fasetowym, ważonymi i niestandardowymi wynikami, stemmingiem, rozmyciem i wykluczeniami, a co najważniejsze, nie mamy ograniczeń dotyczących działań wyszukiwania ani przepustowości. Chcemy, aby było to proste i łatwe w użyciu. Jeśli Cię to interesuje, zapoznaj się z naszymi dalszymi informacjami na temat wyszukiwania w Atlasie.

Oraz kilka innych kluczowych wydań, o których możesz nie wiedzieć, a które wprowadziliśmy w ciągu ostatnich kilku kwartałów: środowiska zapoznawcze. Jeśli więc chcesz wyświetlić podgląd prośby o ankietę, możemy automatycznie skonfigurować dla Ciebie środowisko. A to sprawia, że ​​testowanie i kontrola jakości są bardzo łatwe. Nie musisz wykonywać całej pracy polegającej na ustalaniu, kto patrzy na jaką gałąź, gdzie i na jakie środowisko patrzy. Możesz po prostu automatycznie utworzyć jedno z tych efemerycznych środowisk na podstawie prośby o ankietę.

Mamy również przebudowę webhooków. Możesz więc użyć ich do wyzwalania kompilacji w oparciu o dowolną logikę biznesową, której potrzebujesz. To jest również coś, co jest dzisiaj na żywo. Dzięki temu mamy również natychmiastowe wycofanie. Jeśli więc coś nie działa, możesz ponownie wdrożyć witrynę w poprzedniej wersji. Mamy też dzienniki kompilacji w czasie rzeczywistym i możliwość anulowania kompilacji. Więc jeśli coś idzie nie tak, śmiało anuluj to, a my możemy przyjrzeć się błędom, wprowadzić zmiany i odbudować tę witrynę. A potem kolejnym, o który wielu z was prosi, była ochrona hasłem, tak jak w tradycyjnym WordPressie. Możesz mieć środowiska podglądu, które chcesz, aby klient oglądał i zatwierdzał. Umieść na tym hasło, abyś mógł to opublikować i pozwolić im z niego korzystać.

A teraz chciałbym powiedzieć ci trochę więcej o przyszłości. Mamy wiele wspaniałych rzeczy na horyzoncie dla Atlasa w przyszłym roku. Ale jest kilka z nich, o których chciałbym porozmawiać, które są bliższe rzeczywistości i powinniście zobaczyć je w ciągu najbliższych kilku miesięcy. Pierwszym z nich jest zaawansowany monitoring i analityka. Bardzo często słyszeliśmy od Ciebie, że chciałbyś więcej informacji, więcej analiz, co się dzieje z moją witryną? Jak wygląda mój ruch? Jak wyglądają dzienniki dostępu? Dlatego chcemy ci to ujawnić, abyś mógł to zobaczyć bez konieczności proszenia o to.

Możesz to wykorzystać do optymalizacji kampanii, kodu, witryny. Zamierzamy również dodać monitorowanie i alerty GraphQL. Co dokładnie dzieje się z Twoimi zapytaniami GraphQL w czasie rzeczywistym? Abyś mógł zoptymalizować wydajność. Wspomniałem wcześniej o reklamie Super Bowl, która wymagała wielu dostrojeń różnych zapytań, aby uzyskać jak najbardziej optymalne wrażenia. A co, jeśli możemy udostępnić Ci wszystkie te informacje na wyciągnięcie ręki, abyś mógł je zoptymalizować podczas tworzenia swojej kompilacji? To jest cel tutaj.

Chcemy również udoskonalić doświadczenie CI/CD. Dlatego dzisiaj wykonujemy dla Ciebie zautomatyzowane wdrożenia i podobne rzeczy, ale istnieją potoki wdrażania, które nie istnieją. Na przykład, jeśli wprowadzasz zmiany zarówno w backendzie i WordPressie, jak i w swoim interfejsie w Node, w jaki sposób wdrażasz oba jednocześnie, aby uzyskać odpowiednie wrażenia? Dlatego będziemy pracować nad sposobami umożliwienia budowania i zarządzania zbudowanymi potokami dla twoich projektów z wdrożeniami zarządzanymi w WordPress i Node. Kolejną ważną rzeczą, o której często słyszymy, jest personalizacja i lokalizacja Headless. Ponieważ strony te stają się coraz bardziej ukierunkowane, chcemy mieć pewność, że masz wszystkie narzędzia potrzebne do personalizacji i lokalizacji witryn. Dlatego pracujemy nad pomysłami, jak to może się urzeczywistnić.

Bardzo bylibyśmy wdzięczni za twoją pomoc, ponieważ kiedy mówię o personalizacji lub lokalizacji bez głowy, może to oznaczać wiele rzeczy dla wielu różnych osób. Dlatego chciałbym usłyszeć od ciebie, aby zrozumieć, jakie rzeczy robisz w tym obszarze, abyśmy mogli zapewnić, że zbudujemy dla ciebie odpowiednie możliwości. Tworzymy również bibliotekę Headless Block. Jest to rozszerzenie naszego projektu React Gutenberg Bridge, o którym mówiłem wcześniej, i mam nadzieję, że pójdziesz i weźmiesz udział w sesji poświęconej temu później podczas naszego wydarzenia DE{CODE}. Ale chcemy udostępnić bibliotekę najczęściej używanych bloków w WordPressie, aby wszystkie były skonfigurowane i podłączone do użytku od razu po wyjęciu z pudełka, abyś nie musiał iść i wykonywać tej pracy.

Będziesz także mógł użyć ich jako wzoru do okablowania we własnych niestandardowych blokach, zgodnie z potrzebami. Mam długoterminową nadzieję, że programiści zaczną tworzyć biblioteki komponentów wielokrotnego użytku i być może udostępnią je społeczności, abyśmy wszyscy mogli uzyskać przewagę nad naszymi projektami. A mówiąc o Fauście, chcę zwrócić uwagę na ciągłe inwestycje, które tu mamy. Jak powiedziałem wcześniej, Faust używa Apollo, React i Next.js. Zamierzamy dodać więcej funkcji do naszej platformy, aby wspierać te komponenty, aby działały szybciej, bezpieczniej i naprawdę ułatwiały programowanie w Atlasie.

A teraz chcę poruszyć naprawdę ciekawy temat. To pytanie zostało zadane podczas sesji okrągłego stołu, którą odbyliśmy kilka tygodni temu. Myślę, że pytanie brzmiało dokładnie: dlaczego wszyscy tak bardzo naciskają na Headless? A więc chcę porozmawiać o tym, czy Headless jest odpowiednią rzeczą dla każdego projektu? Myślę, że na wysokim poziomie nie. Musisz wybrać odpowiednie narzędzie do pracy. A Headless naprawdę wyróżnia się, gdy chcesz zbudować coś, co jest bardzo szybkie i wydajne na nowoczesnym stosie internetowym, co ma być bardzo, bardzo bezpieczne. Doskonale sprawdza się w przypadku skomplikowanych projektów. Doskonale sprawdza się, gdy najważniejsza jest wydajność.

Czy poleciłbym zbudować małą witrynę z broszurami na Headless? Niekoniecznie, chyba że była to witryna o dużym natężeniu ruchu, która w przeszłości miała słabą wydajność i trzeba było poprawić jej wydajność, lub jeśli chciałeś poeksperymentować. Są idealnym miejscem do eksperymentowania, ponieważ są na ogół małe. Ale jeśli tworzysz dużą witrynę medialną lub witrynę e-commerce, polecam Headless, ponieważ pozwoli ci budować te witryny w bardzo komponowalny sposób, przenosić dane z innych systemów, budować wielokanałowe doświadczenia i bądź szybki i wydajny.

Polecam Headless WordPress, ponieważ wiemy, że wydawcy uwielbiają WordPress. To najlepszy dostępny system CMS do zarządzania i rozwijania treści. Dlaczego więc nie miałbyś chcieć zrobić tego w sposób, który uszczęśliwi wydawców i programistów, a wszystko to przy niewiarygodnie wydajnej i bardzo elastycznej witrynie.

Chciałem podziękować za poświęcony dzisiaj czas oraz nieustające opinie i partnerstwo, podczas gdy my kontynuujemy naszą misję uczynienia z WordPressa świetnego bezgłowego CMS-a. Mamy dziś kilka innych sesji Headless podczas wydarzenia DE{CODE}. Zachęcam do ich oglądania, zadawania pytań, ponieważ zawsze jesteśmy bardzo podekscytowani współpracą z Tobą i słuchaniem rzeczy, które Twoim zdaniem są ważne dla rozwoju Twoich witryn. Dziękuję.