Een lokale ontwikkelomgeving instellen

11 februari 2025

Gemaakt voor:

  • Beginner
  • Ontwikkelaar

Een lokale ontwikkelomgeving is essentieel voor het snel ontwikkelen van websites die door Edge Delivery Services worden geleverd. De omgeving gebruikt lokaal ontwikkelde code terwijl inhoud van Edge Delivery Services wordt opgehaald, zodat ontwikkelaars direct wijzigingen in de code kunnen bekijken. Een dergelijke installatie ondersteunt snelle, iteratieve ontwikkeling en tests.

De ontwikkelingstools en -processen voor een Edge Delivery Services-websiteproject zijn ontworpen om vertrouwd te zijn met webontwikkelaars en een snelle en efficiënte ontwikkelervaring te bieden.

Ontwikkelingstopologie

Deze video biedt een overzicht van de ontwikkelingstopologie voor een Edge Delivery Services-websiteproject dat kan worden bewerkt met Universal Editor.

Zie extra details van de ontwikkelingstopologie

  • bewaarplaats GitHub:

    • Doel: Gastheren de code van de website (CSS en JavaScript).
    • Structuur: De belangrijkste tak bevat productie-klaar code, terwijl andere takken werkende code houden.
    • Functionaliteit: De code van om het even welke tak kan tegen de productie lopen of voorproef milieu's zonder de levende website te beïnvloeden.

  • de dienst van de Auteur van AEM:

    • Doel: dient als canonieke inhoudsbewaarplaats waar de website inhoud wordt uitgegeven en wordt geleid.
    • Functionaliteit: De inhoud wordt gelezen en geschreven door de Universele Redacteur. Bewerkte inhoud wordt gepubliceerd aan Edge Delivery Services in productie of voorproef milieu's.

  • Universele Redacteur:

    • Doel: Verstrekt een interface van WYSIWYG voor het uitgeven van website inhoud.
    • Functionaliteit: Leest van en schrijft aan de dienst van de Auteur van AEM. Kan worden gevormd om code van om het even welke tak in de bewaarplaats GitHub te gebruiken om veranderingen te testen en te bevestigen.

  • Edge Delivery Services:

    • het milieu van de Productie:

      • Doel: Levert de levende website inhoud en de code aan eind - gebruikers.
      • Functionaliteit: Dient inhoud die van de dienst van de Auteur van AEM wordt gepubliceerd gebruikend code van de belangrijkste tak van de bewaarplaats GitHub.

    • Milieu van de Voorproef:

      • Doel: Verstrekt een het opvoeren milieu om inhoud en code vóór plaatsing te testen en te voorproef.
      • Functionaliteit: Dient inhoud die van de dienst van de Auteur van AEM wordt gepubliceerd gebruikend code van om het even welke tak van de bewaarplaats GitHub, toelatend grondig het testen zonder de levende website te beïnvloeden.

  • Lokale ontwikkelaarmilieu:

    • Doel: Staat ontwikkelaars toe om code (CSS en JavaScript) plaatselijk te schrijven en te testen.

    • Structuur:

      • Een lokale kloon van de bewaarplaats GitHub voor op tak-gebaseerde ontwikkeling.
      • AEM CLI, die als ontwikkelingsserver dienst doet, past lokale codeveranderingen op het milieu van de Voorproef voor een heet-herladenervaring toe.

    • Werkschema: De ontwikkelaars schrijven code plaatselijk, begaan veranderingen in een werkende tak, duw de tak aan GitHub, bevestigen het in de Universele Redacteur (gebruikend de gespecificeerde tak), en voegen het in de belangrijkste tak samen wanneer klaar voor productieplaatsing.