開始使用OpenAPI進行AEM內容片段傳送
探索本教學課程，說明如何在Headless AEM案例中，使用AEM的OpenAPI內容片段傳送來建置和公開CMS內容，並由外部應用程式使用。 本檔案透過建立React應用程式來探索這些概念，該應用程式會顯示WKND團隊和相關成員的詳細資訊。 團隊和成員使用AEM內容片段模型建立模型，並由React應用程式使用搭配OpenAPI API的AEM內容片段傳送來使用。
本教學課程涵蓋以下主題：
- 建立專案設定
- 建立內容片段模型來建立資料模型
- 根據先前建立的模型建立內容片段
- 探索如何使用OpenAPI檔案的「Try It」功能，使用AEM內容片段傳送來查詢AEM中的內容片段
- 透過來自範例React應用程式的OpenAPI API呼叫，透過AEM內容片段傳送使用內容片段資料
- 增強React應用程式，使其可在通用編輯器中編輯
先決條件 prerequisites
若要依照本教學課程內容進行，以下為必要條件：
-
AEM Sites as a Cloud Service
-
基本的 HTML 和 JavaScript 技能
-
必須在本機安裝以下工具：
- Node.js v22+
- Git
- IDE (例如 Microsoft® Visual Studio Code)
AEM as a Cloud Service環境
若要完成本教學課程，建議您擁有AEM as a Cloud Service環境的 AEM管理員 存取權。 也可以使用 開發 環境、快速開發環境 或 沙箱程式 中的環境。
我們開始吧！
從定義內容片段模型開始本教學課程。
github專案
原始程式碼和內容套件可在AEM Headless教學課程 GitHub存放庫中取得。
main分支包含此教學課程的最終原始程式碼。
每個步驟結束時的程式碼快照可做為Git標籤使用。
- 第4章開始 — React應用程式：
headless_open-api_basic - 第4章結束 — React應用程式：
headless_open-api_basic_4-end - 第5章結尾 — 通用編輯器：
headless_open-api_basic_5-end
若您發現本教學課程或程式碼有問題，請留下 GitHub 問題。
recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4