Content MCP Serverを使用したAEM Content Operationsの高速化

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

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

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

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

{
    // You do not need both but just content-readonly or content is fine. The content server includes everything the content-readonly server offers. For demo purposes, we added both.
    "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"
        }
    }
}

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

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

AEM-RDE-Content-Read-Only​と​ 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 サイト ​ プロジェクトを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 Serverを呼び出す前に、確認を求めて続行します。 そのため、コンテンツの運用はユーザーが制御できます。

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

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

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

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

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