在不离开IDE的情况下创建测试内容

在计算机上打开光标。

从“光标”菜单转到​设置 > 光标设置​以打开设置窗口。
{modal="regular"}

在左侧边栏中，单击​ 工具和MCP ​以打开该面板。
{modal="regular"}

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

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

{modal="regular"}

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

使用Adobe ID登录，然后返回到“光标设置”窗口。
{modal="regular"}

确认​ AEM ​显示为已连接。 您可以展开服务器以查看其工具。

{modal="regular"}

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

## 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服务器之前，它会要求确认以继续。 这样，您就可以控制内容操作。

人工智能使用AEM MCP服务器获取数据，然后以清晰、结构化的方式呈现数据。 其中包括内容片段模型详细信息、片段数量和摘要信息。

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

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

{modal="regular"}

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

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

{modal="regular"}