#F5F5F5
Adobe Experience Manager Sites 功能

開發人員工具

Experience Manager Sites 為您提供預先最佳化的程式碼和靈活的工具,讓您建立最高績效的網頁。藉助 Edge Delivery Services,您可以在不影響任何設計、功能或內容的情況下,取得網頁高績效評分。

探索開發人員工具。

https://business.adobe.com/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#video |

GraphQL

使用 Experience Manager 的 GraphQL API,開發人員可以使用產業標準且應用程式無從驗證的查詢語言格式來查詢和檢索內容。其設計緊湊、高效,僅返回所請求內容,使回應可符合請求應用程式的格式及需求。查詢還可以在一次呼叫中返回巢狀內容,並返回多個相關物件,顯著減少檢索內容與應用程式需求所需的時間和帶寬。最終,在所有數位通道中,交付回應靈敏、品牌特有的,類似於應用程式的快速體驗。

  • 無周邊內容傳送: 使用 GraphQL 查詢語言和 Experience Manager 的無周邊 API,以 JSON 格式將內容交付到您的所有應用程式。
  • 相關資料: 查詢 Experience Manager 內容片段,其中包含應用程式呈現所需的所有元素、變化及嵌套的參考。
  • 快速、可擴充的效能: 藉助針對網路基礎架構設計的可快取內容查詢以及在 CDN 中的快取,持續查詢確保最快速的客戶體驗。
  • 工具和語言選項: GraphQL 適用於各種前端,並且限制了對 SDK 的依賴,允許開發人員使用他們選擇的語言或工具(React、Angular、iOS)進行工作。
  • 強大的結構化內容: 內容片段模型支援許多欄位類型以及建立相互關係的能力,從而更輕鬆地建立強大、可複用的內容模型和基本內容。

開箱即用元件

使用後向相容的開箱即用元件(如面包屑、表單、頁面瀏覽、搜尋 Teaser 及搜尋)建立頁面。這便於構建者建立頁面,而開發人員可以提高效率,節省建立自訂文字或影像元件的時間。

  • 功能元件: 每個開箱即用元件都是指令檔的集合,可完整地提供特定功能。
  • 繼承關係: 跨不同網頁和通道使用元件時,元件保留繼承關係。
  • 降低整體擁有成本: Experience Manager Sites 元件是可升級的,向後相容的,定期版本化的。這樣在升級到最新發行版或改進網站功能時可以節約資金。
  • 值得信賴的元件: 利用我們預先測試過、可直接使用的元件,您可以確信這些元件會按預期運作。這樣您可以減少用於品質保證、測試和維護的時間,而將更多時間用於真正重要的事務。
https://business.adobe.com/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/single-page-app-editing#spa |

單頁應用程式編輯

使用用於網站的相同拖放編輯器來編輯和管理在 React 及 Angular 等開放式框架上建立的單頁應用程式 (SPA)。

  • 無縫佈局: 透過我們 SPA 編輯器中的拖放服務提供 Experience Manager Sites 的功能。
  • CMS 治理: 行銷人員和非編碼人員可以使用 Experience Manager Sites 中的 CMS 功能來編輯和管理 SPA。
  • 在情境中編輯: 允許作者編輯變更,同時預覽其效果,甚至可用於將內容作為 JSON 使用的網路應用程式。
Separation of concerns.

流程分離

程式碼、內容與設計的分離讓內容製作可以與設計和開發同時進行,流程變得更模塊化和靈活。此分離讓開發、調試和更新網路應用程式更輕鬆,提高了開發速度和效率,又進一步簡化維護。

Optimized boilerplate code.

最佳化的樣本文件程式碼

利用樣本文件程式碼基礎(專案的效能最佳化藍圖)快速啟動開發。樣本文件程式碼基礎圍繞最佳實踐,為建立高績效的體驗提供可能最佳的起點。開發人員可以使用它輕鬆啟動專案,最大程度降低不必要的程式碼,縮短網頁載入時間。

#F1F1F1

了解如何使用開發人員工具。

在我們海量的使用方法內容集——Experience League 中,查看所需內容,包括文件、教學課程以及使用者指南。

深入了解