Dokumentation AEM 6.4 Användarhandbok om utveckling

AEM Brackets Extension

Senast uppdaterad: 4 maj 2023

Ämnen:
Developing

Skapat för:

Developer

CAUTION

AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

Översikt

Tillägget AEM Brackets ger ett smidigt arbetsflöde för att redigera AEM komponenter och klientbibliotek och utnyttjar kraften i Hakparenteser kodredigeraren som ger åtkomst från kodredigeraren till Photoshop-filer och -lager. Den enkla synkronisering som tillägget ger (ingen Maven eller filvalv krävs) ökar utvecklarens effektivitet och hjälper även gränssnittsutvecklare med begränsade AEM att delta i projekt. Det här tillägget har även stöd för HTML-mallspråk (HTL), vilket minskar komplexiteten i JSP och gör komponentutvecklingen enklare och säkrare.

chlimage_1-53

Funktioner

De viktigaste funktionerna i AEM Brackets Extension är:

Automatisk synkronisering av ändrade filer till AEM.
Manuell dubbelriktad synkronisering av filer och mappar.
Fullständig innehållspaketsynkronisering av projektet.
HTML-kodkomplettering för uttryck och data-sly-* blockprogramsatser.

Brackets innehåller dessutom många användbara funktioner för AEM teckensnittsutvecklare:

Photoshop filstöd för att extrahera information från en PSD-fil, som lager, mått, färger, teckensnitt, texter m.m.
Kodtips från PSD för att enkelt återanvända den extraherade informationen i koden.
Stöd för CSS-preprocessorer, som LESS och SCSS.
Och hundratals tillägg som täcker mer specifika behov.

Installation

Hakparenteser

AEM Brackets Extension stöder Brackets version 1.0 eller senare.

Hämta den senaste Brackets-versionen från hakparenteser.io.

Tillägget

Så här installerar du tillägget:

Öppna hakparenteser. På menyn Fil, markera Extension Manager…
Retur AEM i sökfältet och leta efter AEM Brackets Extension.
Klicka Installera.
Stäng dialogrutan och Extension Manager när installationen är klar.

Komma igång

Innehållspaketprojektet

När tillägget har installerats kan du börja utveckla AEM komponenter genom att öppna en innehållspaketmapp från filsystemet med hakparenteser.

Projektet måste innehålla minst följande:

a jcr_root mapp (t.ex. myproject/jcr_root)
a filter.xml fil (t.ex. myproject/META-INF/vault/filter.xml). för mer information om strukturen i filter.xml se filen Filterdefinition för arbetsyta.

I hakparenteser Fil meny, välja Öppna mapp… och välj jcr_root eller den överordnade projektmappen.

NOTE

Om du inte har ett eget projekt med ett innehållspaket kan du testa HTL TodoMVC-exempel. På GitHub klickar du på Ladda ned ZIP, extrahera filerna lokalt och enligt instruktionerna ovan öppnar du jcr_root i Brackets. Följ sedan stegen nedan för att konfigurera Projektinställningar och slutligen överföra hela paketet till din AEM genom att göra en Exportera innehållspaket enligt instruktionerna längre ned i avsnittet Fullständig synkronisering av innehållspaket.

Efter dessa steg bör du kunna komma åt /content/todo.html URL-adressen till din AEM-utvecklingsinstans och du kan börja göra ändringar i koden i hakparenteser och se hur ändringarna synkroniserades direkt till AEM-servern när du har gjort en uppdatering i webbläsaren.

Projektinställningar

Om du vill synkronisera ditt innehåll till och från en AEM utvecklingsinstans måste du definiera dina projektinställningar. Detta kan du göra genom att gå till AEM meny och välja Projektinställningar…

chlimage_1-55

Med projektinställningarna kan du definiera:

Server-URL (t.ex. http://localhost:4502)
Om servrar som inte har ett giltigt HTTPS-certifikat ska tolereras (håll inte markerat om det inte krävs)
Användarnamnet som används för att synkronisera innehåll (t.ex. admin)
Användarens lösenord (t.ex. admin)

Synkroniserar innehåll

Tillägget AEM Brackets ger följande typer av innehållssynkronisering för filer och mappar som tillåts av filtreringsreglerna som definieras i filter.xml:

Automatisk synkronisering av ändrade filer

Detta synkroniserar endast ändringar från hakparenteser till AEM, men inte tvärtom.

Manuell dubbelriktad synkronisering

Öppna snabbmenyn i projektutforskaren genom att högerklicka på en fil eller mapp och på Exportera till server eller Importera från server finns.

chlimage_1-56

NOTE

Om den markerade posten ligger utanför jcr_root mapp, Exportera till server och Importera från server sammanhangsbaserade menyposter är inaktiverade.