I det här dokumentet förklaras detaljerna för det projekt som skapas när du använder en arkivtyp för att skapa ett enda SPA baserat på ramverket för Angular. När du ställer in frontendModule
alternativ till angular
.
Det här projektet startades med Angular CLI.
Det här programmet är utformat för att förbruka en webbplats AEM modell. Layouten genereras automatiskt med hjälpkomponenterna från @adobe/cq-angular-editable-components paket.
I projektkatalogen kan du köra följande kommandon.
npm start
Med det här kommandot körs programmet i utvecklingsläge genom att JSON-modellen proxeras från en lokal AEM som körs på http://localhost:4502. Detta förutsätter att hela projektet har distribuerats till AEM minst en gång (mvn clean install -PautoInstallPackage
i projektets rot).
När npm har startats i katalogen ui.front öppnas appen automatiskt i webbläsaren (på sökvägen http://localhost:4200/content/${appId}/${country}/${language}/home.html). Om du gör ändringar läses sidan in igen.
Om du får felmeddelanden relaterade till CORS kan du konfigurera AEM enligt följande:
npm test
Detta kommando startar Karma test runner. Se Angular om testkörning för mer information.
npm run test:debug
Det här kommandot startar Karma-testkörningen i interaktivt bevakningsläge.
npm run build
Med det här kommandot byggs programmet för produktion till byggmappen. Det paketerar Angular i produktionsläge och optimerar bygget för bästa prestanda. Se Angular om distribution för mer information.
Dessutom genereras en AEM ClientLib från programmet med aem-clientlib-generator paket.
Se det allmänna ui.frontModuldokumentation om du vill ha mer information om hur AEM ClientLibs används av projektets arkityp.
Som standard används WebbläsarlistaStandardalternativet för att identifiera målwebbläsare. Dessutom innehåller det polyfyllningar för moderna språkfunktioner som stöder äldre webbläsare (t.ex. Internet Explorer 11). Om stöd för sådana webbläsare inte krävs kan polyfyllningsberoenden och importer tas bort.