AEM Headless - GraphQL 快速入門
端對端教學課程說明如何在Headless CMS案例中使用AEM的GraphQL API建置和公開內容,並由外部應用程式使用。
本教學課程探討如何使用AEM的GraphQL API和Headless功能來增強外部應用程式中呈現的體驗。
本教學課程涵蓋下列主題:
- 建立專案設定
- 建立內容片段模型以模型化資料
- 根據先前建立的模型建立內容片段。
- 探索如何使用整合的GraphiQL開發工具來查詢AEM中的內容片段。
- 儲存或保留GraphQL查詢至AEM
- 使用範例React應用程式中的持續GraphQL查詢
先決條件 prerequisites
依照本教學課程操作,須具備下列條件:
-
基本HTML和JavaScript技能
-
下列工具必須安裝在本機:
- Node.js v18
- Git
- IDE (例如,Microsoft® Visual Studio Code)
AEM環境
若要完成本教學課程,建議您擁有AEM as a Cloud Service環境的AEM管理員存取權。 如果您無法存取AEM as a Cloud Service環境,請註冊AEM Headless試用版,以探索AEM的Headless功能。
讓我們開始吧!
開始此教學課程: 定義內容片段模型。
github專案
原始程式碼和內容套件可在AEM Guides - WKND GraphQL GitHub專案上取得。
如果您發現教學課程或程式碼有問題,請留下GitHub問題。
recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4