第5章 — 編寫Content Services頁面

AEM Headless教學課程的第5章涵蓋從第4章定義的範本建立頁面。本章建立的頁面將作為行動應用程式的JSON HTTP端點。

注意

的頁面內容架構 /content/wknd-mobile/en/api 已預先建立。的基礎頁面 en 和 api 用於架構和組織目的，但並非絕對必要。如果API內容可能已本地化，最佳作法是遵循一般的語言副本和多網站管理員頁面組織最佳作法，因為API頁面可以像任何AEM Sites頁面一樣進行本地化。

建立事件API頁面

導覽至 AEM > 網站 > WKND Mobile > English >API.
點選API頁面的標籤，然後點選建立按鈕，並在API頁面下方建立新的Events API頁面。
1. 點選建立在頂端動作列中
2. 選取 事件API 範本
3. 在名稱欄位輸入事件
4. 在標題欄位輸入 事件API
5. 點選建立，以建立頁面
6. 點選完成以返回AEM Sites管理員

編寫事件API頁面

注意

專案提供CSS以便為作者體驗提供一些基本樣式。

編輯 事件API 頁面，瀏覽至 AEM > Sites > WKND Mobile >英文> API，選取 事件API 頁面，並點選編輯在頂端動作列中。
新增 標誌影像 若要在應用程式中顯示，請從「資產尋找器」將其拖放至「影像」元件預留位置。
- 使用提供的標誌，網址為 /content/dam/wknd-mobile/images/wknd-logo.png.
新增 標籤行 以顯示在事件上方。
1. 編輯文字元件
2. 輸入文字：
  - The WKND is here.
選取事件若要顯示：
1. 在上設定以下設定屬性標籤：
  - 型號：事件
  - 父路徑： /content/dam/wknd-mobile/en/events
  - 標籤： <leave blank="">
2. 在上設定以下設定元素標籤：
  - 請移除任何列出的元素，以確保事件內容片段的所有元素都會公開。

檢閱API頁面的JSON輸出

透過以下方式請求頁面，可檢閱JSON輸出及其格式： .model.json 選擇器。

此API的消費者必須充分瞭解此JSON結構（或結構描述）。 API使用者必須瞭解結構的哪些方面已修正(即 Event API的標誌（影像）和標籤即時（文字）且為流動(即「內容片段清單」元件下列出的事件)。

在已發佈的API上違反此合約，可能會導致使用應用程式中的錯誤行為。

在新的瀏覽器標籤中，使用請求事件API頁面 .model.json 選取器，它會叫用AEM Content Services的JSON匯出程式，並將頁面和元件序列化為已標準化、妥善定義的JSON結構。

這些頁面產生的JSON結構是使用應用程式必須符合的結構。
請求 事件API 頁面為 JSON.
- http://localhost:4502/content/wknd-mobile/en/api/events.model.json
結果看起來應類似於：