文件AEMAEM 教學課程AEM Headless 教學課程

AEM Headless 快速入門 - GraphQL

最後更新: 2025年6月12日
  • 適用對象:
  • Experience Manager 6.5
  • Experience Manager as a Cloud Service
  • 主題:
  • 內容片段

建立對象:

  • 初學者
  • 開發人員

端對端教學課程,說明如何在無周邊 CMS 情境下使用 AEM 的 GraphQL API 建置和公開內容,並供外部應用程式使用。

本教學課程會探索如何使用 AEM 的 GraphQL API 和無周邊功能來增強外部應用程式中所顯示的體驗。

本教學課程涵蓋以下主題:

  • 建立專案設定
  • 建立內容片段模型來建立資料模型
  • 根據先前製作的模型建立內容片段。
  • 探索如何使用整合的 GraphiQL 開發工具查詢 AEM 中的內容片段。
  • 將 GraphQL 查詢儲存至 AEM 或在 AEM 持續查詢
  • 從 React 應用程式範例中使用持續性 GraphQL 查詢

先決條件

若要依照本教學課程內容進行,以下為必要條件:

  • 基本的 HTML 和 JavaScript 技能

  • 必須在本機安裝以下工具:

    • Node.js v18
    • Git
    • IDE (例如 Microsoft® Visual Studio Code)

AEM 環境

若要完成本教學課程,建議您要具備 AEM as a Cloud Service 環境的 AEM 管理員存取權。

我們開始吧!

從定義內容片段模型開始本教學課程。

GitHub 專案

來源程式碼和內容套件可以在 AEM 指南 - WKND GraphQL GitHub 專案中找到。

若您發現本教學課程或程式碼有問題,請留下 GitHub 問題。

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4