AEM Headless教學課程的第5章涵蓋從第4章中定義的範本建立頁面。 本章中建立的頁面會成為行動應用程式的JSON HTTP端點。
/content/wknd-mobile/en/api
的頁面內容架構已預先建置。 en
和api
的基頁具有架構和組織目的,但並不嚴格要求。 如果API內容可能已本地化,最佳作法是遵循一般的「語言復本」和「多網站管理員」頁面組織最佳實務,因為API頁面可像任何AEM Sites頁面一樣本地化。
專案提供CSS,以提供一些製作體驗的基本樣式。
導覽至「事件API」頁面,方法是導覽至「AEM >網站> WKND行動>英文> API」,選取「事件API」頁面,然後點選頂端動作列中的「編輯」。
將標誌影像從「資產尋找器」拖放至「影像」元件預留位置,以在應用程式中顯示。
/content/dam/wknd-mobile/images/wknd-logo.png
處提供的徽標。新增標籤行以顯示在事件上方。
The WKND is here.
選取要顯示的events:
使用.model.json
選取器要求頁面,即可檢閱JSON輸出及其格式。
此API的使用者必須充分了解此JSON結構(或結構)。 重要的API使用者必須了解結構的哪些方面已修正(即 事件API的標誌(影像)和標籤即時(文字),且流暢(即 「內容片段清單」元件下列出的事件)。
在已發佈的API上違反此合約,可能會在使用的應用程式中導致錯誤行為。
在新的瀏覽器標籤中,使用.model.json
選取器來要求事件API頁面(會叫用AEM Content Services的JSON匯出工具),並將頁面和元件序列化為已標準化且定義良好的JSON結構。
這些頁面產生的JSON結構是使用應用程式必須符合的結構。
將「事件API」頁面要求為JSON。
結果應該會顯示類似:
此JSON可使用.tidy
選取器以tidy(格式化)方式輸出,以利人類閱讀:
選擇性地,透過AEM Package Manager在AEM作者上安裝com.adobe.aem.guides.wknd-mobile.content.chapter-5.zip內容套件。 此套件包含本教學課程及前幾章中概述的設定和內容。