Alles bij elkaar plaatsen - Uw app en uw inhoud in AEM Headless put-it-all-together

In dit deel van de ​ Hoofdloze Reis van de Ontwikkelaar van AEM ​, wordt u vertrouwd met leren hoe te om het de ontwikkelingshulpmiddel van AEM en de Hoofdloze SDK te gebruiken om uw toepassing samen te zetten.

Het verhaal tot nu toe story-so-far

In het vorige document van de hoofdloze reis van AEM, ​ hoe te om Uw Inhoud via AEM Assets APIs bij te werken ​ leerde u hoe te om uw bestaande inhoud zonder kop in AEM via API bij te werken en u zou nu moeten:

Doelstelling objective

Dit artikel is bedoeld om u te helpen begrijpen hoe u een AEM-toepassing zonder kop kunt samenvoegen door:

De AEM SDK the-aem-sdk

De AEM SDK wordt gebruikt om aangepaste code te maken en implementeren. Het is het belangrijkste hulpmiddel dat u nodig hebt, zodat u uw toepassing zonder kop kunt ontwikkelen en testen voordat u live gaat. Het bevat de volgende artefacten:

De AEM Headless SDK the-aem-headless-sdk

Verschil van AEM SDK, wordt AEM Headless SDK geplaatst van bibliotheken die door cliënten kunnen worden gebruikt om snel en gemakkelijk met AEM Headless APIs over HTTP in wisselwerking te staan.

Voor meer informatie zie ​ AEM Headless SDK ​.

Aanvullende ontwikkelingsinstrumenten additional-development-tools

Naast de AEM SDK hebt u aanvullende gereedschappen nodig waarmee u code en inhoud lokaal kunt ontwikkelen en testen:

Omdat AEM een Java™-toepassing is, moet u Java™ en de Java™ SDK installeren om de ontwikkeling van AEM as a Cloud Service te ondersteunen.

Git is wat u gebruikt om broncontrole te beheren en in de veranderingen in Cloud Manager te controleren en dan hen op te stellen aan een productie-instantie.

AEM gebruikt Apache Maven om projecten te bouwen die zijn gegenereerd op basis van de AEM Maven Project archetype. Alle belangrijke IDEs verstrekt integratiesteun voor Maven.

Node.js is een runtimeomgeving van JavaScript die wordt gebruikt voor het werken met de front-end elementen van het ui.frontend -subproject van een AEM-project. Node.js wordt gedistribueerd met npm, is de facto Manager van het Pakket Node.js, die wordt gebruikt om de gebiedsdelen van JavaScript te beheren.

Componenten van een AEM-systeem in één oogopslag components-of-an-aem-system-at-a-glance

Laten we nu eens kijken naar de onderdelen van een AEM-omgeving.

Een volledige AEM-omgeving bestaat uit een Auteur, Publish en Dispatcher. Deze componenten worden ook beschikbaar gesteld in de lokale ontwikkelruntime, zodat u gemakkelijker een voorvertoning van uw code en inhoud kunt weergeven voordat u live gaat.

De workflow voor lokale ontwikkeling the-local-development-workflow

Het lokale ontwikkelingsproject is gebaseerd op Apache Maven en gebruikt Git voor broncontrole. Om het project bij te werken, kunnen de ontwikkelaars hun aangewezen geïntegreerde ontwikkelomgeving, zoals Verduistering, de Code van Visual Studio, of IntelliJ, onder anderen gebruiken.

Als u code- of inhoudsupdates wilt testen die door uw toepassing zonder kop worden opgenomen, moet u de updates implementeren voor de lokale AEM-runtime, die lokale instanties van de AEM-auteur en -publicatieservices omvat.

Let op het verschil tussen de verschillende componenten in de lokale AEM-runtime. Het is namelijk belangrijk dat u de updates test op de plaatsen waar ze het belangrijkst zijn. Test bijvoorbeeld de inhoud van updates op de auteur of test nieuwe code op de publicatie-instantie.

In een productiesysteem zullen een Dispatcher en een http Apache-server altijd voor een AEM-publicatie-instantie zitten. Zij verlenen caching en veiligheidsdiensten voor het systeem van AEM, zodat is het uiterst belangrijk om code en inhoudsupdates tegen Dispatcher eveneens te testen.

Een lokale voorvertoning van uw code en inhoud weergeven in de lokale ontwikkelomgeving previewing-your-code-and-content-locally-with-the-local-development-environment

Als u uw AEM-project zonder kop wilt voorbereiden op de start, moet u ervoor zorgen dat alle onderdelen van uw project goed werken.

Om dat te doen, moet u alles samenvoegen: code, inhoud, en configuratie en het testen in een lokale ontwikkelomgeving voor levende bereidheid.

De lokale ontwikkelomgeving bestaat uit drie hoofdgebieden:

Nadat de lokale ontwikkelomgeving is ingesteld, kunt u inhoud die in de React-app wordt gebruikt, simuleren door een statische Node-server lokaal te implementeren.

Volgende functies whats-next

Nu u dit deel van de AEM Headless Developer Journey hebt voltooid, moet u:

Ga uw reis zonder kop van AEM door het document ​ te herzien hoe te met Uw Hoofdloze Toepassing ​ gaan waar u eigenlijk uw project van AEM Headless levend neemt!

Aanvullende bronnen additional-resources