文档AEMAEM 教程AEM as a Cloud Service 教程

使用Content MCP Server加速AEM内容操作

Last update: Mon Mar 09 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 适用对象：
  • Experience Manager as a Cloud Service

创建对象：

  • 初学者
  • 领导
  • 用户
  • 开发人员

使用AI支持的IDE（如​Cursor IDE）中的Content MCP Server以自然语言（无低级API代码或UI导航）处理AEM内容。

在本教程中，您​ 审阅 ​冒险内容片段详细信息，更新​片段（例如，冒险的价格），以及​验证 WKND Adventures React应用程序中的更改，所有这些更改都是针对您的IDE中的​较低的AEM环境 （RDE或开发），并且没有离开MCP流。

https://video.tv.adobe.com/v/3480905/?captions=chi_hans&learn=on&enablevpops

概述

AEM as a Cloud Service提供​MCP服务器，以便您的IDE或聊天应用可以安全地与AEM配合使用。 Content MCP服务器​支持页面、片段和资产。 有关详细信息，请参阅AEM中的MCP服务器。

开发人员可怎样使用它

将Cursor IDE连接到Content MCP服务器并运行以下方案。

设置 — 光标所在的Content MCP服务器

让我们按照以下步骤在光标中设置Content MCP Server。

  1. 在计算机上打开光标。

  2. 从“光标”菜单转到​设置 > 光标设置​以打开设置窗口。
    游标设置

  3. 在左侧边栏中，单击​ 工具和MCP ​以打开该面板。
    工具和MCP

  4. 单击​ 添加自定义MCP ​或​ 新建MCP服务器 ​以打开mcp.json，然后粘贴此配置：

    code language-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"
        }
    }
}
    note caution
    CAUTION
    出于教程目的，上述配置为此教程添加了​ Content ​和​Content （只读）。 实际上，Content​已包含所有​ Content （只读） ​选件以及创建/更新/删除工具。
    如果要避免任何创建、修改或删除内容的可能性，请仅配置​内容（只读） (/content-readonly)并忽略​内容 (/content)。 这样您就可以避免意外更改。

    添加AEM MCP服务器

  5. 在“光标设置”窗口中，单击​ 连接 ​以启动身份验证过程。 它使用OAuth 2.0 PKCE流获取​ 用户特定的访问令牌 ​以访问AEM MCP服务器。
    连接到AEM MCP服务器

  6. 使用Adobe ID登录，然后返回到“光标设置”窗口。
    使用Adobe ID登录

  7. 确认​ AEM-RDE-Content-Read-Only ​和​ AEM-RDE-Content ​显示为已连接。 您可以展开每个服务器以查看其工具。

    AEM MCP服务器

设置 — WKND Adventures React应用程序

接下来，在光标中设置WKND Adventures React应用程序。

  1. 在您的计算机上克隆以下两个存储库：

    code language-bash 
    ## 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

  2. 将WKND站点项目部署到您的RDE。 有关详细步骤，请参阅如何使用快速开发环境。

  3. 在IDE中打开react-app文件夹。

  4. 编辑.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组）

  5. 从IDE终端中，运行：

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

  6. 在浏览器中，转到http://localhost:3000以查看WKND Adventures应用程序。

    React应用程序 — WKND冒险

生产力场景 — AEM内容审查和更新

假设当满足简单规则时，您需要在“冒险片”卡片上显示​ 热门交易 ​横幅。 通常的方法是：

  • 查看Adventure卡组件代码
  • 添加何时显示横幅的逻辑
  • 查看AEM中的冒险内容片段模型
  • 更改一个或多个冒险片段属性以测试规则

为了简单起见，让我们在冒险价格低于$100时显示​ 热门交易 ​横幅。

由于React应用程序从RDE环境中获取数据，因此您需要知道冒险内容片段模型，然后更新正确的片段属性。 这正是AEM Content MCP Server可以帮助解决的问题。 具体方法如下。

  1. 在光标中，打开新聊天并键入：

    code language-text 
    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 Server获取数据，然后以清晰、结构化的方式呈现数据。 其中包括内容片段模型详细信息、片段数量和摘要信息。

  2. 要触发​ 热门交易 ​横幅，请更新一次冒险的价格。 在同一次聊天中，尝试：

    code language-text 
    Can you update adventure Beervana in Portland's price to 99.99

    更新冒险价格

    同样，AI在更新内容之前会要求确认是否继续。 它还总结了更新之前和之后的内容操作。

  3. 在React应用程序中，确认Beervana卡现在显示​ 热门交易 ​横幅。

    验证热交易横幅

其他提示

在IDE中尝试这些以内容为中心的提示（连接Content MCP Server）以探索更多工作流和功能。

  • 发现内容：

    code language-text 
    List all content fragments in the WKND Adventures folder

List all WKND Site pages from US English site

Can you give me page metadata for Tahoe Skiing English page?

List assets of Bali Surf camp

What Content Fragment models are available in this environment?

  • 搜索内容：

    code language-text 
    Search for content fragments that mention 'cycling'

Do we have a magazine page in US English site with "Camping" in it

  • 更新内容：

    code language-text 
    In WKND US English create a copy of Downhill Skiing Wyoming as "Test Downhill Skiing Wyoming"

In newly created "Test Downhill Skiing Wyoming" please change title to "Duplicated Page"

  • 发布或取消发布：

    code language-text 
    Can you publish the page at /us/en/adventures/test-downhill-skiing-wyoming and give me publish page URL

Can you unpublish the test-downhill-skiing-wyoming page

摘要

您可以在光标中设置AEM Content MCP Server，并将其连接到RDE（或开发）环境。 然后，您使用WKND Adventures React应用程序并以自然语言聊天来查看Adventure内容片段详细信息。 您还更新了片段的AI价格，要求在每次内容操作之前进行确认。 您已在运行的应用程序中验证更改。 您可以使用来自IDE的相同以人为中心的流程来审查、更新和创建AEM内容，而无需切换到AEM UI或编写低级API代码。

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69