Content MCP Server を使用したAEM コンテンツ処理の高速化

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

カーソルメニューから 設定/カーソル設定 に移動し、設定ウィンドウを開きます。

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

Add Custom MCP または New MCP Server をクリックして開き、次の設定に貼り付け mcp.json す。

{
    "mcpServers": {
        // Use this for create, read, update, and delete operations
        "AEM-RDE-Content": {
            "url": "https://mcp.adobeaemcloud.com/adobe/mcp/content"
        },
        //Use this for read-only operations
        "AEM-RDE-Content-Read-Only": {
            "url": "https://mcp.adobeaemcloud.com/adobe/mcp/content-readonly"
        }
    }
}

Cursor Settings ウィンドウで、Connect をクリックして認証プロセスを開始します。 OAuth 2.0 PKCE フローを使用して、AEM MCP サーバーにアクセスするための ユーザー固有のアクセストークン を取得します。

Adobe IDでログインし、Cursor Settings ウィンドウに戻ります。

AEM-RDE-Content-Read-Only} および 2}AEM-RDE-Content} が接続済みとして表示され ことを確認します。​各サーバーを展開して、そのツールを表示できます。

お使いのマシン上で次の 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 Site プロジェクトを 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 アプリを表示します。

カーソルで新しいチャットを開き、次のように入力します。

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

Content MCP サーバーを呼び出す前に、続行を確認するメッセージが表示されます。 したがって、コンテンツ操作を制御し続けることができます。

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

HOT DEAL バナーをトリガーにするには、1 つのアドベンチャーの価格を更新します。 同じチャットで、次の操作を試します。

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

同様に、AI は、コンテンツを更新する前に続行することを確認するように求めます。 また、更新前と更新後のコンテンツ操作の概要も説明します。

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