Experience Modernization Console console-reference
Referenshandbok för gränssnittet och funktionerna i Experience Modernization Console
Ökning overview
Experience Modernization Console är en värdbaserad, AI-assisterad utvecklingsmiljö för Edge Delivery Services som visas som ett webbgränssnitt på aemcoder.adobe.io. När du har anslutit till deras GitHub-projekt kan du omedelbart börja fråga efter ändringar i naturligt språk utan ytterligare konfiguration eller lokal miljökonfiguration.
Funktioner capabilities
Konsolens kärnfunktioner:
- Interaktiv chattpanel med agenten och dess färdigheter
- Live AEM Preview för direkt visuell feedback på ändringar
- Content file browser and markdown viewer
- Innehållssynkronisering med Dokumentredigering
- Kodwebbläsaren och diff-läsaren för att granska ändringar som gjorts
- GitHub-integrering med möjlighet att skapa pull-begäranden från ändringar
Utvecklarna har full kontroll över vilka fartyg som levereras. Alla ändringar som görs via konsolen kräver granskning och godkännande före driftsättning, vilket säkerställer en enhetlig styrning, varumärkestrohet och säkerhet.
Navigering navigation
När du har loggat in på konsolen på aemcoder.adobe.io kommer du till hemskärmen på konsolen.
Menyrad menu-bar
Den övre menyraden innehåller:
- En Öppna-meny till vänster om du vill expandera och komprimera detaljerna i den vänstra panelen
- Knappen Konto till höger om du vill växla till mörkt läge och logga ut från konsolen
Vänster sidospalt sidebar
Den vänstra sidofältet ger snabb åtkomst till viktiga vyer av konsolen.
- Hemvy (intern ikon) - Startpunkt för konsolen
- Innehållsvy (filikon) - Innehåll som du har importerat
- Kodvy (
</>ikon) - kod för den webbplats du arbetar med - Inställningsvy (kugghjulsikon) - Konsolens inställningar
Hemvy home-view
Vyn Hem är startpunkten för konsolen.
- Överst finns en promptinmatning för att göra begäranden från konsolen.
- Här nedan visas uppmaningar om att komma igång med projektet.
Fråga indata prompt-input
Frågeindata innehåller kontroller för interaktion med AI.
-
Planerings-/körningslägen (glödlampor och trollstavsikoner): Växla mellan planerings- och körningslägen
- Planeringsläge: AI analyserar begäranden och sammanställer en strategi utan att göra ändringar, vilket är användbart för att förstå strategi innan implementering.
- Körningsläge: AI utför planen och utför faktiska filändringar.
-
Bifoga filer (pappersklippsikon): Överför och bifoga filer till uppmaningen om ytterligare kontext (t.ex. referensdesign, skärmbilder, specifikationer)
Innehållsvy content-view
I innehållsvyn finns verktyg för att bläddra bland och förhandsgranska innehåll. Vyn delas som standard upp i tre paneler, från vänster till höger:
- Fråga panelen för interaktion med konsolen och projektet
- En översikt över dina innehållsfiler i filläsaren (växla om du vill visa den här panelen med ikonen för att markera)
- Panelen Förhandsgranska för att visualisera innehåll som valts i filläsaren
Panelen Chatt chat-panel
På chattpanelen kan du visa och fortsätta ditt samtal med agenten för upplevelsemodernisering. Chattpanelen innehåller historiken för chattmeddelanden och uppmaningsindata för att göra ytterligare förfrågningar från konsolen.
-
Chattåtgärder
- Rensa chatt: Detta återställer konversationen och rensar kontextfönstret i AI. Använd det här alternativet när du startar en ny uppgift som inte hör till den tidigare konversationen.
- Hämta chatt: Detta hämtar konversationshistoriken som en markeringsfil.
Panelen Förhandsgranska preview-panel
Det finns upp till fyra lägen på förhandsvisningspanelen:
-
Förhandsgranska (dokument med förstoringsglaset) om du vill visa det återgivna HTML-innehållet
- Responsiv vy om du vill visa det återgivna HTML-innehållet på en dator, surfplatta eller mobilvy
- Designläge (penselikon) om du vill lägga till element på sidan i uppmaningen om ytterligare kontext
-
Dokumentvy (dokumentikon) om du vill visa den underliggande innehållsstrukturen för dokumentredigering
-
Markeringsvy (AEM-redigering) (kodikon) för att visa den underliggande strukturen för markeringsinnehåll
-
JCR XML-vy (AEM-redigering) (dataikon) för att visa den resulterande strukturen för JCR XML-innehåll
Du kan alltid klicka på ikonen Uppdatera förhandsvisning för att uppdatera förhandsvisningspanelen.
Knappen Ta bort tar bort den markerade sidan från arbetsytan. Förhandsvisat eller publicerat innehåll tas inte bort.
Knappen Fel (AEM-redigering) öppnar ett modalt fönster där felen på den valda sidan visas.
Knappen Överför innehåll öppnar ett modalt fönster där du kan överföra filer till AEM.
- Fälten Organisation och Databas är förifyllda om projektet har en
fstab.yaml-fil - Filmarkering ger redigerbara målsökvägar
- Överföring till JCR (för Universal Editor) stöds inte
Kodvyn code-view
I kodvyn finns verktyg för att bläddra i kod och hantera kodändringar. Vyn är uppdelad i tre paneler, från vänster till höger:
- Panelen Chatt för interaktion med konsolen och projektet
- I filläsaren finns en översikt över dina kodfiler eller ändringar som skillnader
- Panelen Förhandsgranska för att visa en kodfil eller ändringar som har markerats i filläsaren
Det finns två olika lägen i förhandsvisningspanelen:
-
Workspace-filer om du vill bläddra bland kodfilerna på den aktuella arbetsytan
- Använd knappen Lägg till i chatt för att lägga till filen i chattpanelen för kontext.
-
Git-ändringar för att visa skillnaderna mellan filändringar som har skapats i ditt arbete i projektet
- Klicka på ikonen
+för att mellanlagra den ändrade filen - Klicka på pilikonen för att ta bort den ändrade filen
- Klicka på ikonen
Ikonen Information visar ditt GitHub-konto och -projekt som du är ansluten till för tillfället.
Menyn GitHub-åtgärder (överst till höger) innehåller databasåtgärder.
- Anslut/återanslut: Initierar GitHub OAuth
- Växla databas: Ersätter arbetsytan med en annan databas. Alla arbeten som inte har implementerats går förlorade.
- Växla gren: Växlar grenar inom samma databas
- Synkronisera: Tar bort de senaste ändringarna från fjärrkällan
- Tryck: Öppnar en modal för att överföra arbetsyteändringar till GitHub
- Utloggning: Kopplar från GitHub
När du gör ändringar måste du först ha mellanlagrade ändringar som ska ingå i push-åtgärden. När du trycker kan du välja att skapa en ny PR eller direkt till den aktuella grenen
Inställningsvy settings-view
I inställningsvyn kan du hantera konsolens grundläggande inställningar.
-
Med Project kan du visa och redigera projektinställningar som att anpassa biblioteks-URL:en.
-
Med support kan du begära hjälp från AEM supportteam.
-
Med Autentiseringsuppgifter kan du ange en personlig åtkomsttoken för Figma så att konsolen kan komma åt designblock för ditt projekt.
-
Token kräver följande skrivskyddade omfång:
file_content:readfile_metadata:readlibrary_assets:readlibrary_content:readteam_library_content:readfile_dev_resources:readprojects:read
-
Mer information om hur du konfigurerar personliga åtkomsttoken finns i Figma-dokumentationen .
-
-
Återställ arbetsyta återställer konsolen till startläget och alla ändringar som inte har skickats eller inte har överförts går förlorade.