超越由 Atlas 提供支持的 Headless

是時候認真對待無頭解決方案了。 真正的企業和機構正在創建無頭 Web 體驗，讓開發人員可以靈活地使用任何前端堆棧，並使內容創建者能夠使用他們喜歡的發布界面。

在本次會議中，WP Engine 產品總監 Jason Konen 回顧了我們使用 WP Engine 的無頭 WordPress 解決方案 Atlas 取得的進步，並簡要介紹了我們將在 2023 年追求的進步。

會議幻燈片：

成績單：

JASON KONEN： 大家好，我是 Jason Konen。 我是 WP Engine 的 Atlas 產品總監，今天我想和大家談談如何超越由 Atlas 提供支持的 Headless。 所以我們現在真正看到的是市場的巨大轉變。 這可能是自智能手機問世以來最大的轉變，64% 的企業目前使用 Headless 方法，90% 的企業希望在未來 12 個月內這樣做。 這是一個巨大的數字。 我們知道 WordPress 社區在過去幾年中一直在使用 Headless 發展壯大。 我們一直與我們的一些合作夥伴密切合作，並部署了許多 Headless WordPress 站點來滿足這一需求。

我們看到的一件事是 Headless 確實賦予了開發人員權力。 所以現代 CMS 有一些非常棒的功能。 但我們發現它確實剝奪了出版商的權力。 因此，這些從一開始就專門為 Headless 構建的 Headless CMS，它們真的很有趣，它們對開發人員真的很有幫助，但發布者卻失去了一些東西。 他們失去了主題和頁面佈局以及 SEO 工具和類似的東西。 但 WordPress 確實賦予了出版商權力，而且一直如此。 從核心到生態系統中的所有插件，所有主題和社區。

因此，真正允許發布者控制他們的消息、文本、格式、A/B 測試、SEO 工具、更改主題並完成所有這些工作，而無需大量開發。 但我們剛剛說過，Headless 帶走了它，它帶走了那種力量。 但我們相信 Headless WordPress 為每個人帶回了它，不僅為開發人員和他們想做的事情提供支持，而且為發布者和他們試圖做的事情提供支持。 因此，如果您將其視為“什麼是最適合這項工作的工具”，您的開發人員將希望使用現代技術堆棧，使他們能夠擴展、過度使用代碼、使用現代技術並與行業一起成長。 然而，出版商希望能夠使用他們熟悉並喜愛了 20 年的 CMS 工具，而無需進行大量更改。

這就是 Atlas 的用武之地。Atlas 平台旨在讓發布商和開發人員都滿意。 一流的 WordPress 託管是這方面的基礎，但隨後我們在自動縮放和修復節點託管上分層，以便您可以在 WordPress 之上構建現代 Web 應用程序。 我們有預配置的邊緣緩存、CI/CD 工具和無與倫比的性能和安全性，所有這些都建立在一個不斷發展的社區中不斷發展的生態系統之上。 WP GraphQL 及其新功能 Smart Cache，即我們即將推出的產品 Atlas Search。 Faust.JS，一個用於構建無頭 WordPress 網站的無頭框架，高級自定義字段，我們去年將其引入 WP Engine 系列，我們一直在努力將我們的 Atlas Content Modeler 功能帶入 ACF。

藍圖及其他，讓我們不要忘記您已經知道和喜愛的世界級支持。 現在我想談談性能。 最近，我們有一位客戶在超級碗期間投放了幾則廣告。 而且您甚至無法測試您將在這樣的活動中獲得的流量類型。 如果您在這張圖表上看到這裡，您會在第六、第八和第九處看到三個小尖峰。 這些是他們的負載測試，所以他們正在測試“嘿，這個網站是否能夠承受”他們在超級碗期間預期的所有流量。 然後你會在圖表的後面看到兩個巨大的尖峰，這對應於在超級碗中播放的兩個廣告。 流量是他們預期的 10 倍。 這是非常成功的。

他們在之前、期間和之後都有一致的表現，即使在短短幾分鐘內突然出現 10 倍的 1000 萬個請求。 DDoS 攻擊在邊緣得到緩解，防止出現任何類型的應用程序性能問題。 整個前端的 99% 被緩存到第一個字節用了 151 毫秒，渲染用了 700 毫秒，同時在超級碗期間處理了 2700 萬個請求。 因此，如果您在高峰流量期間訪問該站點，您將不知道它承受著如此大的負載。 這就是無頭 WordPress 網站可以為您帶來的那種性能。 我們已經將其構建到 Atlas 平台中。

我們與該廣告背後的客戶和代理機構一起努力工作，以確保他們的網站性能良好並得到優化。 我們與客戶一起做的事情就是確保我們使用所有最佳實踐，以確保您的網站高效、快速和安全。 因此，我們在 Atlas 團隊中所做的一件大事就是傾聽我們的客戶和代理合作夥伴並與之合作。 我們傾聽，我們學習，我們釋放。 這只是我們在 2022 年為 Atlas 推出的一大堆東西。

我想傳達的是我們在這方面有多少投資。 我們堅信，headless WordPress 確實為現代網站取得成功所需的性能和開發人員體驗帶來了世界一流 CMS 的精華。 因此，當我們繼續與您合作，研究我們真正需要構建什麼，我們真正需要擁有什麼才能幫助您成功時，您將在這裡看到越來越多的投資。 你會看到我們繼續發布東西，如果不是每兩週發布一次，至少每月一次，因為我們行動非常快。 您的反饋對我們非常重要。

我想從這個列表中更深入地討論一些事情是：Faust.js。 這就是 WordPress 的 Headless 框架。 我們在 2021 年構建並發布了它。 我們從你們那裡得到了很多反饋，這很棒。 我們接受了反饋並重建了它，因為它沒有按照開發人員需要的方式進行擴展。 我們使用了 G-qty 提供的查詢語言，發現它只是——它做了一些神奇的事情，但它並沒有按照我們希望的方式擴展。 因此，我們將其換成了行業標準的 Apollo。 這使得框架具有更大的靈活性。

我們還發布了完整的模板層次結構支持。 因此，如果您是真正的 WordPress 開發人員並且多年來一直在處理 WordPress 層次結構，那麼您將會非常熟悉。 你會明白到底發生了什麼。 我們還添加了一個插件架構，以便您可以根據需要對其進行擴展。 身份驗證、直接從 WordPress 預覽內容，這些都是營銷人員在構建網站時所期望的。 所以這是一個非常重要的版本，真正受到社區給我們的所有反饋的啟發。 我們將繼續這樣做。 您今天可以使用的下一個重要功能是 Gutenberg Block 支持。

所以這是新的。 從本質上講，我們正在努力做到這一點，以便開發人員可以確保發布者習慣於在 WordPress 中使用的塊對於前端，對於您的節點應用程序是可訪問的，而無需大量額外的工作，因此您可以為發布商提供他們期望的體驗，以及簡單易用的開發體驗。 稍後我們將在 DE{CODE} 中就此召開會議。 我鼓勵大家參加並從中學習。 在我們繼續迭代此關鍵功能時，我們希望您能在這裡提供反饋。

將 WordPress 帶到 Headless 時丟失的另一件事是工具欄。 許多發布者習慣於轉到網頁，單擊“編輯內容”並直接進入編輯器並能夠即時更改內容。 好吧，當你去 Headless 時，它就消失了。 所以我們將其添加回浮士德。 因此，您可以像使用現有 WordPress 工具欄一樣編輯內容、調試連接等。 我還認為，我們可以將一些非常有趣的東西帶到工具欄中，而這些東西在傳統 WordPress 中是不存在的。 服務器性能、部署狀態等，只是我們對這個特定功能的一系列想法。

所以我想和 Faust 談談的另一件事是 Faust 是建立在 Apollo、React 和 Next.js 之上的。 它擴展了這一點，並使現代 JavaScript 開發人員更容易使用 WordPress。 你不必使用它。 我們在 Atlas 上與框架無關。 但是，如果您正在尋找有關如何最好地做到這一點的建議，我們的建議是浮士德。 今天在 DE{CODE} 推出的另一個重要功能是 Atlas 搜索。 您可能還記得去年的 DE{CODE} 中的 Atlas Search，我們在那里為你們中的許多人提供了一個開放的 Beta 版來試用。 你們中的許多人都這樣做了，而且你們在這一年中向我們提供的大量反饋確實使這項功能成為我們今天可以推出的完整功能。

它首先是沒有專有 API 的 GraphQL，並且是完全可擴展的。 我們擁有完整的功能集，包括 ACF 和自定義帖子類型支持、分面瀏覽、加權和自定義結果、詞幹提取、模糊性和排除，最重要的是，我們對搜索操作或帶寬沒有限制。 我們想讓它簡單易用，方便您使用。 因此，如果您對此感興趣，請查看我們關於 Atlas Search 的更多信息。

還有一些您可能不知道的其他重要版本，我們在過去幾個季度推出了這些版本：預覽環境。 因此，如果您想預覽投票請求，我們可以為您自動設置環境。 這使得測試和 QA 變得非常容易。 您不必做所有的工作來弄清楚誰在看什麼分支以及他們在看什麼環境。 您可以根據您的輪詢請求自動創建這些臨時環境之一。

我們也有重建 webhooks。 因此，您可以使用這些來根據您需要的任何業務邏輯觸發構建。 這也是今天的生活。 這樣，我們也有即時回滾。 因此，如果出現問題，您可以重新部署到您網站的先前版本。 我們還有實時構建日誌和取消構建的能力。 因此，如果出現問題，請繼續並取消它，我們可以查看錯誤、進行更改並重建該站點。 然後你們中的許多人要求的另一個是密碼保護，就像在傳統的 WordPress 中一樣。 您可能有希望客戶查看和批准的預覽環境。 給它設置一個密碼，這樣你就可以讓它生效並允許他們使用它。

現在我想告訴你更多關於未來的事情。 明年，我們為 Atlas 準備了許多偉大的事情。 但我想談談其中一些更接近現實的內容，你應該會在接下來的幾個月內看到。 第一個是高級監控和分析。 我們經常聽到您說您想要更多信息、更多分析，我的網站發生了什麼？ 我的流量是什麼樣的？ 訪問日誌是什麼樣的？ 因此，我們希望向您展示這一點，以便您無需提出要求即可看到。

您可以使用它來優化您的活動、代碼和網站。 我們還將添加 GraphQL 監控和警報。 您的 GraphQL 實時查詢到底發生了什麼？ 這樣您就可以優化性能。 我之前提到過超級碗廣告，它需要對各種查詢進行大量調整才能獲得最佳體驗。 那麼，如果我們可以為您提供觸手可及的所有信息，以便您可以在構建時自行優化，那會怎樣呢？ 這就是這裡的目標。

我們還想改善 CI/CD 體驗。 所以我們今天為您進行自動部署和類似的事情，但是有些部署管道不存在。 例如，如果您要更改後端和 WordPress 以及 Node 中的前端，您如何同時部署這兩者以獲得正確的體驗？ 因此，我們將研究允許為您的項目構建和管理構建管道的方法，並在 WordPress 和 Node.js 上管理部署。 我們經常聽到的另一個重要項目是 Headless 個性化和本地化。 隨著這些網站的針對性越來越強，我們希望確保您擁有對網站進行個性化和本地化所需的所有工具。 因此，我們正在研究如何實現這一點。

我們非常希望得到您的幫助，因為當我說 Headless 個性化或本地化時，這對許多不同的人來說可能意味著很多事情。 因此，我很樂意聽取您的意見，了解您在該領域所做的工作，以便我們能夠確保為您構建合適的功能。 我們還在構建一個 Headless Block 庫。 這是我之前談到的 React Gutenberg Bridge 項目的擴展，我希望你能參加我們稍後在 DE{CODE} 活動中的會議。 但是我們想提供一個包含 WordPress 中最常用塊的庫，這樣它們就可以全部設置好並連接起來供您開箱即用，這樣您就不必去做那些工作了。

您還可以根據需要使用這些作為模式來連接您自己的自定義塊。 我對此的長期希望是，開發人員將開始能夠構建可重用組件的庫，並可能與社區共享它們，以便我們都能在我們的項目中搶先一步。 說到浮士德，我想指出我們在這裡的持續投資。 正如我之前所說，Faust 使用 Apollo、React 和 Next.js。 我們將向我們的平台添加更多功能來支持這些組件，以便它們運行得更快、更安全，並讓您在 Atlas 上真正輕鬆地進行開發。

所以現在我想談談一個非常有趣的話題。 這個問題是在我們幾週前舉行的圓桌會議上提出的。 我認為，問題恰恰是，為什麼每個人都如此大力推動 Headless？ 所以我想談談，Headless 是否適合每個項目？ 我認為在高層次上，它不是。 您需要為工作選擇合適的工具。 當您希望在您希望非常、非常安全的現代 Web 堆棧上構建非常快速和高性能的東西時，Headless 真的很出色。 當您有復雜的項目時，它會表現出色。 當性能至上時，它會表現出色。

我會推薦你在 Headless 上建立一個小型宣傳冊網站嗎？ 不一定，除非它是一個流量很大的網站，有過性能不佳的歷史並且您需要提高其性能，或者如果您想要進行試驗。 它們是進行實驗的完美站點，因為它們通常很小。 但是，如果您正在做一個大型媒體網站或電子商務網站，我建議您使用 Headless，因為它將允許您以一種非常可組合的方式構建這些網站，從其他系統引入數據，構建全渠道體驗，並且快速高效。

我推薦 Headless WordPress，因為我們知道出版商喜歡 WordPress。 它是用於管理和開發內容的最佳 CMS。 那麼，您為什麼不希望以一種讓發布商和開發人員都滿意的方式來做到這一點，同時擁有一個非常靈活的性能令人難以置信的網站。

我想感謝您今天的時間以及您持續的反饋和合作夥伴關係，因為我們繼續我們的使命，使 WordPress 成為一個偉大的 Headless CMS。 我們今天在 DE{CODE} 活動中還有許多其他 Headless 會議。 我鼓勵您觀看這些內容，提出問題，因為我們總是很高興與您合作並聽到您認為對開發您的網站很重要的事情。 謝謝。