AEM ヘッドレスの概要 - GraphQL

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

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

このチュートリアルでは、次のトピックについて説明します。

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

前提条件

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

• 基本的なHTMLと JavaScript のスキル
• 以下のツールをローカルにインストールする必要があります。
  • Node.js v10 以降
  • npm 6 以降
  • Git
  • IDE( 例： Microsoft® Visual Studio Code)

AEM 環境

このチュートリアルを完了するには、 AEM as a Cloud Service環境へのAEM管理者アクセス権をお勧めします。 AEMas a Cloud Service環境にアクセスできない場合は、 ローカルAEMas a Cloud ServiceQuickstart SDK. ただし、コンテンツフラグメントナビゲーションなど、一部の製品 UI 画面は異なることに注意する必要があります。

さあ始めましょう！

チュートリアルを開始する前に コンテンツフラグメントモデルの定義.

GitHub プロジェクト

ソースコードとコンテンツパッケージは、 AEMガイド — WKND GraphQL GitHub プロジェクト.

チュートリアルまたはコードに問題がある場合は、 GitHub の問題.

Business.Adobe.com リソース