AEM Headless教學課程的第5章涵蓋從第4章定義的範本建立頁面。 本章建立的頁面將作為行動應用程式的JSON HTTP端點。
的頁面內容架構 /content/wknd-mobile/en/api
已預先建立。 的基礎頁面 en
和 api
用於架構和組織目的,但並非絕對必要。 如果API內容可能已本地化,最佳作法是遵循一般的語言副本和多網站管理員頁面組織最佳作法,因為API頁面可以像任何AEM Sites頁面一樣進行本地化。
專案提供CSS以便為作者體驗提供一些基本樣式。
編輯 事件API 頁面,瀏覽至 AEM > Sites > WKND Mobile >英文> API,選取 事件API 頁面,並點選 編輯 在頂端動作列中。
新增 標誌影像 若要在應用程式中顯示,請從「資產尋找器」將其拖放至「影像」元件預留位置。
/content/dam/wknd-mobile/images/wknd-logo.png
.新增 標籤行 以顯示在事件上方。
The WKND is here.
選取 事件 若要顯示:
透過以下方式請求頁面,可檢閱JSON輸出及其格式: .model.json
選擇器。
此API的消費者必須充分瞭解此JSON結構(或結構描述)。 API使用者必須瞭解結構的哪些方面已修正(即 Event API的標誌(影像)和標籤即時(文字)且為流動(即 「內容片段清單」元件下列出的事件)。
在已發佈的API上違反此合約,可能會導致使用應用程式中的錯誤行為。
在新的瀏覽器標籤中,使用請求事件API頁面 .model.json
選取器,它會叫用AEM Content Services的JSON匯出程式,並將頁面和元件序列化為已標準化、妥善定義的JSON結構。
這些頁面產生的JSON結構是使用應用程式必須符合的結構。
請求 事件API 頁面為 JSON.
結果看起來應類似於:
此JSON可輸出於 整齊 (格式化)風格,讓人類更容易閱讀 .tidy
選擇器:
或者,您也可以安裝 com.adobe.aem.guides.wknd-mobile.content.chapter-5.zip AEM Author上的內容套件,透過 AEM封裝管理員. 此套件包含本教學課程及先前章節中概述的設定和內容。