Bewerkingen voor AEM-inhoud versnellen met de Content MCP-server
Gebruik de Server MCP van de Inhoud van een AI-Gedreven winde zoals winde van de Curseur om met de inhoud van AEM in natuurlijke taal, geen laag-niveau API code of navigatie UI te werken.
In dit leerprogramma herziet u de fragmentdetails van de Adventure-inhoud, update een fragment (bijvoorbeeld, de prijs van een avontuur), en verifieert de verandering in de WKND avonturen Reageren app allen van uw winde tegen a lagere milieu van AEM (RDE of Ontwikkeling) zonder de stroom te verlaten MCP.
Overzicht
AEM as a Cloud Service verstrekt MCP Servers zodat kan uw winde of praatjeapp veilig met AEM werken. De Server MCP van de Inhoud steunt pagina's, fragmenten, en activa. Zie MCP Servers in AEM voor meer informatie.
Hoe ontwikkelaars het kunnen gebruiken
Verbind winde van de Curseur met de Server van Inhoud MCP en stel het scenario hieronder in werking.
Setup - Content MCP Server in Cursor
Opstelling de Server MCP van de Inhoud in Curseur met deze stappen.
-
Open de cursor op uw computer.
-
Ga naar Montages > de Montages van de Curseur van het menu van de Curseur om het montagevenster te openen.
-
In linkerzijbalk, klik Hulpmiddelen & MCP om dat paneel te openen.
-
Klik Voeg Douane MCP of Nieuwe Server MCP toe om
mcp.jsonte openen, dan deeg in deze configuratie: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 Voor leerprogramma doel, voegt de bovengenoemde configuratie zowel Inhoud als Inhoud (read-only) voor dit leerprogramma toe. In praktijk, omvat de Inhoud reeds alles Inhoud (read-only) aanbiedingen, plus creeer/werk/schrap hulpmiddelen. Als u om het even welke mogelijkheid wilt vermijden om, inhoud tot stand te brengen te wijzigen of te schrappen, slechts Inhoud (read-only) vormen ( /content-readonly) en Inhoud weglaten (/content). Op die manier vermijdt u onbedoelde veranderingen. toe
-
Van het venster van de Montages van de Curseur, klik verbinden om het authentificatieproces in werking te stellen. Het gebruikt de stroom van OAuth 2.0 PKCE om het Token van de Toegang van de Gebruiker Specifieke te krijgen om tot de Server van AEM toegang te hebben MCP.
-
Meld u aan met uw Adobe ID en kom vervolgens terug naar het venster Cursorinstellingen.
-
Bevestig dat AEM-RDE-Content-Read-Only en AEM-RDE-Inhoud als verbonden tonen. U kunt elke server uitbreiden om zijn hulpmiddelen te zien.
Setup - WKND Adventures React App
Daarna, opstelling de WKND Adventures React App in Cursor.
-
Deze twee reacties klonen op uw computer:
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 -
Stel het 1} project van de Plaats WKND {aan uw RDE op. Voor gedetailleerde stappen, zie hoe te om het Snelle Milieu van de Ontwikkeling te gebruiken.
-
Open de map
react-appin uw IDE. -
Bewerken
.env.developmenten instellen:REACT_APP_HOST_URI: de URL van uw RDE-auteurREACT_APP_AUTH_METHOD: moetbasicREACT_APP_BASIC_AUTH_USERenREACT_APP_AEM_AUTH_PASSWORD: moetaem-headlesszijn (maak deze gebruiker in RDE en voeg deze toe aan deadministrators-groep)
-
Van de terminal van winde, looppas:
code language-bash $ cd aem-guides-wknd-graphql/react-app $ npm install $ npm start -
In uw browser, ga naar http://localhost :3000 om WKND te bekijken avonturen app.
Productiviteitsscenario - AEM Content review en update
Veronderstel u a HOT banner van de VERKLARING van de VERKLARING moet tonen {wanneer een eenvoudige regel wordt voldaan. De gebruikelijke aanpak zou zijn:
- Bekijk de de componentencode van Adventure cards
- De logica toevoegen voor wanneer de banner moet worden weergegeven
- Het fragmentmodel voor Adventure-inhoud in AEM controleren
- Wijzig een of meer eigenschappen van het Adventure-fragment om de regel te testen
Om dingen eenvoudig te houden, laten we de HOT DEAL banner tonen wanneer de prijs van het avontuur onder $100 is.
Omdat React app zijn gegevens van uw milieu van RDE krijgt, moet u het model van het het fragmentfragment van de inhoud van het Avontuur kennen en dan de juiste fragmenteigenschappen bijwerken. Dat is precies wat de AEM Content MCP Server kan helpen. Zo ziet het eruit.
-
Open in Cursor een nieuwe chat en typ:
code language-text I want to review my Content Fragment Models from AEM RDE, can you list the Adventure Content Fragment details.
Alvorens de Server van Inhoud MCP aan te halen, vraagt het om bevestiging om te werk te gaan. Zo blijft u de inhoudsbewerkingen beheren.
AI gebruikt de Server van de Inhoud MCP om de gegevens te halen en dan het op een duidelijke, gestructureerde manier voor te stellen. Het bevat details van het inhoudsfragmentmodel, het aantal fragmenten en samenvattingsgegevens.
-
Om HOT te teweegbrengen DEAL banner, update één prijs van het avontuur. Probeer in dezelfde chat:
code language-text Can you update adventure Beervana in Portland's price to 99.99
Op dezelfde manier vraagt de AI om bevestiging om te werk te gaan alvorens de inhoud bij te werken. Hierin wordt ook een overzicht gegeven van de inhoudsbewerking voor en na de update.
-
In React app, bevestig dat de kaart Beervana nu de BALANS VAN DE HOT banner toont.
Aanvullende vragen
Probeer deze inhoud geconcentreerde herinneringen in uw winde (met de Verbonden Server van de Inhoud MCP) om meer werkschema's en eigenschappen te onderzoeken.
-
Inhoud detecteren:
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? -
Inhoud zoeken:
code language-text Search for content fragments that mention 'cycling' Do we have a magazine page in US English site with "Camping" in it -
Inhoud bijwerken:
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" -
Publiceren of publicatie ongedaan maken:
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
Samenvatting
U stelt de AEM Content MCP Server in Cursor in en koppelt deze aan uw RDE (of Development)-omgeving. Vervolgens hebt u de React-app voor WKND-avonturen gebruikt en in de natuurlijke taal gebabeld om de fragmentdetails van Adventure-inhoud te bekijken. U hebt de prijs van een fragment ook bijgewerkt met de vraag van de AI om bevestiging vóór elke inhoudsbewerking. U hebt de wijziging in de actieve app geverifieerd. U kunt de zelfde mens-centric stroom van uw winde gebruiken om, AEM inhoud te herzien bij te werken en tot stand te brengen zonder op de UI van AEM over te schakelen of laag-vlakke API code te schrijven.