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.

  1. Open de cursor op uw computer.

  2. Ga naar Montages > de Montages van de Curseur van het menu van de Curseur om het montagevenster te openen.
    de Montages van de Curseur

  3. In linkerzijbalk, klik Hulpmiddelen & MCP om dat paneel te openen.
    Hulpmiddelen MCP

  4. Klik Voeg Douane MCP of Nieuwe Server MCP toe om mcp.json te 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.

    voeg de Server van AEM MCP toe

  5. 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.
    verbind met de Server van AEM MCP

  6. Meld u aan met uw Adobe ID en kom vervolgens terug naar het venster Cursorinstellingen.
    Login met Adobe ID

  7. Bevestig dat AEM-RDE-Content-Read-Only en AEM-RDE-Inhoud als verbonden tonen. U kunt elke server uitbreiden om zijn hulpmiddelen te zien.

    de Servers van AEM MCP

Setup - WKND Adventures React App

Daarna, opstelling de ​ WKND Adventures React App ​ in Cursor.

  1. 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
    
  2. 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.

  3. Open de map react-app in uw IDE.

  4. Bewerken .env.development en instellen:

    • REACT_APP_HOST_URI: de URL van uw RDE-auteur
    • REACT_APP_AUTH_METHOD: moet basic
    • REACT_APP_BASIC_AUTH_USER en REACT_APP_AEM_AUTH_PASSWORD : moet aem-headless zijn (maak deze gebruiker in RDE en voeg deze toe aan de administrators -groep)
  5. Van de terminal van winde, looppas:

    code language-bash
    $ cd aem-guides-wknd-graphql/react-app
    $ npm install
    $ npm start
    
  6. In uw browser, ga naar ​ http://localhost :3000 ​ om WKND te bekijken avonturen app.

    Reageer app - WKND avonturen

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.

  1. 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.
    

    Modellen van het Fragment van de Inhoud van het Overzicht

    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.

  2. 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
    

    Prijs van het Adventure van de Update

    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.

  3. In React app, bevestig dat de kaart Beervana nu de BALANS VAN DE HOT banner toont.

    verifieer HOT DEAL Banner

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.

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