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

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 앱을 봅니다.

{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 서버를 호출하기 전에 계속 진행할지 묻는 메시지가 표시됩니다. 따라서 콘텐츠 작업을 계속 제어할 수 있습니다.

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

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

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

{modal="regular"}

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

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

{modal="regular"}