IDEからテストコンテンツを作成

お使いのマシンでカーソルを開きます。

カーソルメニューから​設定 > カーソル設定​に移動して、設定ウィンドウを開きます。
{modal="regular"}

左側のサイドバーで、ツールとMCP​をクリックして、そのパネルを開きます。
{modal="regular"}

カスタム MCP​または​ 新規MCP Server ​をクリックしてmcp.jsonを開き、次の設定に貼り付けます。

{
    "mcpServers": {
        "AEM": {
            "url": "https://mcp.adobeaemcloud.com/adobe/mcp/aem"
        }
    }
}

{modal="regular"}

カーソル設定ウィンドウで、Connect​をクリックして認証プロセスを開始します。 OAuth 2.0 PKCE フローを使用して、User Specific Access Token​を取得し、AEM MCP Serverにアクセスします。
{modal="regular"}

Adobe IDでログインし、カーソル設定ウィンドウに戻ります。
{modal="regular"}

AEM​が接続済みとして表示されていることを確認します。 サーバーを展開して、そのツールを表示できます。

{modal="regular"}

マシン上で次の2つのリポジトリを複製します。

## WKND GraphQL repo, the `react-app` folder is the WKND Adventures app
$ git clone git@github.com:adobe/aem-guides-wknd-graphql.git

## WKND Site repo, you deploy this to RDE so the app can use its content fragments data via GraphQL
$ git clone git@github.com:adobe/aem-guides-wknd.git

WKND サイト ​ プロジェクトをRDEにデプロイします。 詳細な手順については、迅速な開発環境の使用方法を参照してください。

IDEでreact-app フォルダーを開きます。

.env.developmentを編集して設定：

• REACT_APP_HOST_URI: RDE オーサーURL
• REACT_APP_AUTH_METHOD: basicへ
• REACT_APP_BASIC_AUTH_USERとREACT_APP_AEM_AUTH_PASSWORD: aem-headlessになる（このユーザーをRDEで作成し、administrators グループに追加します）

IDE ターミナルから、以下を実行します。

$ cd aem-guides-wknd-graphql/react-app
$ npm install
$ npm start

ブラウザーで、http://localhost:3000に移動して、WKND Adventures アプリを表示します。

{modal="regular"}

IDEのチャットで、次のように入力します。

I want to review my Content Fragment Models from AEM RDE, can you list the Adventure Content Fragment details.

{modal="regular"}

AEM MCP Serverを呼び出す前に、確認を求めて続行します。 そのため、コンテンツの運用はユーザーが制御できます。

AIはAEM MCP Serverを使用してデータを取得し、それを明確かつ構造化された方法で表示します。 これには、コンテンツフラグメントモデルの詳細、フラグメント数、概要情報が含まれます。

HOT DEAL バナーをトリガーするには、アドベンチャーの価格を更新してください。 同じチャットで、次のことをお試しください。

Can you update adventure Beervana in Portland's price to 99.99

{modal="regular"}

同様に、AIはコンテンツを更新する前に、確認を求めます。 また、更新前と更新後のコンテンツ操作についても要約します。

React アプリで、Beervana カードに​HOT DEAL バナーが表示されていることを確認します。

{modal="regular"}