ドキュメントAEMAEM チュートリアルAEM ヘッドレスチュートリアル

AEM ヘッドレスの基本を学ぶ - GraphQL

最終更新日： 2025年9月9日
  • 適用対象：
  • Experience Manager 6.5
  • Experience Manager as a Cloud Service
  • トピック：
  • コンテンツフラグメント

作成対象：

  • 初心者
  • 開発者

ヘッドレス CMS シナリオで AEM の GraphQL API を使用してコンテンツを作成および公開し、外部アプリで使用する方法を示すエンドツーエンドのチュートリアルです。

このチュートリアルでは、AEM の GraphQL API とヘッドレス機能を使用して、外部アプリで表示されるエクスペリエンスを強化する方法について説明します。

このチュートリアルでは、以下のトピックを扱います。

  • プロジェクト設定の作成
  • データをモデル化するコンテンツフラグメントモデルの作成
  • 以前に作成したモデルに基づいて、コンテンツフラグメントを作成します。
  • 統合 GraphiQL 開発ツールを使用して、AEM のコンテンツフラグメントをクエリする方法を調べます。
  • GraphQL クエリを AEM に保存または永続化するには：
  • サンプル React アプリからの永続 GraphQL クエリの使用

前提条件

このチュートリアルに従うには、以下が必要です。

  • HTML と JavaScript の基本的なスキル

  • 以下のツールをローカルにインストールする必要があります。

    • Node.js v18
    • Git
    • IDE（例：Microsoft® Visual Studio Code）

AEM 環境

このチュートリアルを完了するには、AEM as a Cloud Service環境へのAEM管理者アクセス権を持つことをお勧めします。

それでは、始めましょう。

コンテンツフラグメントモデルの定義からチュートリアルを開始します。

GitHub プロジェクト

ソースコードとコンテンツパッケージは、AEM Guides - WKND GraphQL GitHub プロジェクトで入手することができます。

チュートリアルまたはコードに問題が見つかった場合は、GitHub イシューを報告してください。

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