#F5F5F5
Adobe Experience Manager Sites 功能

快速開發

Adobe Experience Manager Sites 旨在融入現有的開發者工作流程。使用原生 JavaScript、HTML 和 CSS,可以快速構建高效能的使用者體驗。這套豐富的 API 集讓存取內容和自訂 CMS 變得簡單,而範本程式碼則可讓您採用以效能優先的方法建立網頁體驗。

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/optimized-boilerplate-code#optimized | AEM Sites boilerplate code with GitHub integration for version control. Includes blocks, styles, and component folders.

最佳化的範本程式碼

使用 Adobe 範本程式碼基礎快速啟動開發,這是一個增強的專案藍圖,為使用綠色 Core Web Vitals 構建體驗提供了最佳的起點。有了它,開發者可以輕鬆地啟動專案,減少不必要的程式碼,並實現快速的頁面載入時間。

流程分離

透過將程式碼、內容與設計分離,開發者可以擁有完全的靈活性。這種分離可讓內容創作與設計和開發並行進行,使整個過程更加模組化和敏捷。同時,它也讓開發、調試和更新網路應用程式更輕鬆,提高了開發速度和效率,從而進一步簡化維護。

Adobe Experience Manager Sites lets you troubleshoot, reload, and publish code and content separately to improve development speed and efficiency.

進一步瞭解流程分離。

Content as a Service v2 - deeper-content-3 - Thursday, May 2, 2024 at 13:43

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/out-of-the-box-components#box | An Adobe Experience Manager Sites boilerplate content template, with headings, text, images, lists, links, buttons, code, and section blocks.

開箱即用區塊

使用適用於主要版面、標題、圖片、清單等網站元素的靈活預建區塊快速建立頁面。這樣創作者能夠輕鬆地構建頁面,而開發者則可以專注於構建自訂元件。

  • 直觀且適用: 使用基於輕量級原生 JavaScript 和 CSS 的元件,這些元件反應迅速,方便任何創作者或開發者使用。
  • 快速、可存取且針對 SEO 最佳化: 使用預設構建為確保 SEO 和易存取的區塊,來最佳化頁面效能。
  • 整體擁有成本更低: 利用現有的 Experience Manager Sites 專案來構建新區塊,從而減少建立網站所需的開發和維護工作。

API 推動

透過強大且專門設計的 API(如我們的 GraphQL API)來擴展 Experience Manager Sites 並開發應用程式。GraphQL 提供了一種業界標準的查詢語言,用於高效擷取內容,僅傳回請求的內容,因此回應符合請求應用程式的格式和需求。同時,它也支援嵌套查詢,確保在所有數位通道上提供快速、符合品牌形象且回應迅速的使用者體驗。

  • 無周邊內容傳送: 使用 GraphQL 查詢語言和無周邊 API,以 JSON 格式將內容傳遞給您的所有應用程式。
  • 相關數據: 查詢內容片段,其中包含應用程式呈現所需的所有元素、變體及嵌套的參考。
  • 快速、可擴充的效能: 藉助針對網路基礎架構設計的可快取內容查詢以及在 CDN 中的快取,使用持續查詢確保最快速的客戶體驗。
  • 工具和語言選項: 利用 GraphQL(一種與前端無關的查詢語言,可最大減少 SDK 依賴項),開發者可以在任何語言或工具(如 React、Angular 或 iOS)中進行工作。
  • 強大的結構化內容: 透過使用支援多種欄位類型和建立相互關係能力的內容片段模型,支持團隊開發穩定且可重用的內容模型,以及模組化、可重用的內容片段。
https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#graphql | Adobe Experience Manager Sites GraphiQL Explorer user interface.
An AEM Assets media panel showing image options for building a personalized buying guide.

可延伸的整合

根據需要整合 Experience Manager Sites,以滿足您的獨特需求。

  • 預先設定的連線: 透過與其他 Adobe Experience Cloud 應用程式的整合,為您的客戶提供個人化體驗。
  • 更快提供體驗: 利用 Adobe Exchange 提供的經過驗證的第三方應用程式和服務,加速產品上市時間。
  • 擴展的功能: 利用 Adobe 的可擴展性框架和 Adobe Developer App Builder 來擴展核心功能,並在無伺服器、雲端原生架構上構建自訂解決方案。

雲端原生基礎

請放心,Experience Manager Sites 始終保持最新狀態。基於雲端原生的架構確保最新的功能得到無縫驗證、向後相容且立即可用。

  • 自動調整的資源: 透過容器化技術,為創作和發佈功能啟用動態自動縮放。
  • 全球可存取性: 透過多個全球定位的發佈區域和現成的內容傳遞網路,減少延遲並提高可用性。
  • 可靠的服務基礎架構: 透過支援的高達 99.99% 的 SLA,享受高可用性和快速的事件回應。
AEM Sites sync all changes functionality updates an English, French, and Spanish language media asset simultaneously.
linear-gradient(231deg,rgba(206,221,255,1)0%,rgba(226,225,251,1)34%,rgba(206,192,238,1)92%)

瞭解如何使用快速開發功能。

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

進一步瞭解