Content MCP 서버를 사용하여 AEM 컨텐츠 작업 가속화

컴퓨터에서 커서를 엽니다.

[커서] 메뉴에서 설정 > 커서 설정(으)로 이동하여 설정 창을 엽니다.

왼쪽 사이드바에서 도구 및 MCP​를 클릭하여 해당 패널을 엽니다.

사용자 지정 MCP 추가 또는 새 MCP 서버​를 클릭하여 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"
        }
    }
}

커서 설정 창에서 연결​을 클릭하여 인증 프로세스를 시작합니다. OAuth 2.0 PKCE 흐름을 사용하여 AEM MCP 서버에 액세스할 수 있는 사용자별 액세스 토큰​을(를) 가져옵니다.

Adobe ID으로 로그인한 다음 커서 설정 창으로 돌아갑니다.

AEM-RDE-Content-Read-Only 및 AEM-RDE-Content​이 연결된 상태로 표시되는지 확인하십시오. 각 서버를 확장하여 해당 도구를 볼 수 있습니다.

컴퓨터에서 다음 두 저장소를 복제합니다.

## 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

RDE에 WKND 사이트 프로젝트를 배포합니다. 자세한 단계는 빠른 개발 환경 사용 방법을 참조하세요.

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는 콘텐츠 MCP 서버를 사용하여 데이터를 가져온 다음 명확하고 구조화된 방식으로 제공합니다. 여기에는 콘텐츠 조각 모델 세부 정보, 조각 수 및 요약 정보가 포함됩니다.

HOT DEAL 배너를 트리거하려면 모험 가격을 업데이트하세요. 동일한 채팅에서 다음을 시도해 보십시오.

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

마찬가지로 AI는 콘텐츠를 업데이트하기 전에 진행하라는 확인을 요청합니다. 또한 업데이트 전후의 콘텐츠 작업을 요약합니다.

React 앱에서 Beervana 카드에 이제 HOT DEAL 배너가 표시되는지 확인합니다.