Konfigurera din pipeline set-up-your-pipeline

Skapa en pipeline för frontend för att hantera anpassningen av webbplatsens tema.

Story hittills story-so-far

I det föregående dokumentet från AEM snabbwebbplats Skapa webbplats från mall lärde du dig att använda en webbplatsmall för att snabbt skapa en AEM webbplats som kan anpassas ytterligare med hjälp av verktygen i gränssnittet. Nu bör du:

  • Lär dig hur du hämtar AEM webbplatsmallar.
  • Lär dig hur du skapar en plats med hjälp av en mall.
  • Se hur du laddar ned mallen från din nya webbplats och kan ge den till frontutvecklaren.

Den här artikeln bygger på dessa grundläggande funktioner så att ni kan skapa en frontpipeline, som utvecklaren senare kommer att använda för att driftsätta gränssnittsanpassningar.

Syfte objective

Det här dokumentet hjälper dig att förstå rörledningar och hur du skapar en för att hantera distributionen av webbplatsens anpassade tema. När du har läst bör du:

  • Förstå vad en rörledning är.
  • Ta reda på hur man lägger upp en rörledning i Cloud Manager.

Ansvarig roll responsible-role

Den här delen av resan gäller Cloud Manager-administratören.

Krav requirements

  • Du måste ha tillgång till Cloud Manager.
  • Du måste vara medlem i rollen Distributionshanteraren i Cloud Manager.
  • En Git-repo för AEM måste konfigureras i Cloud Manager.
    • Detta är vanligtvis redan fallet för alla aktiva projekt. Om så inte är fallet läser du dokumentationen för Cloud Manager-databaser som finns under avsnittet Ytterligare resurser.

Vad är en frontpipeline? front-end-pipeline

Framtidsutveckling innebär anpassning av JavaScript-, CSS- och statiska resurser som definierar hur din AEM ska formateras. Utvecklaren kommer att arbeta i sina egna lokala miljöer för att göra dessa anpassningar. När de är klara implementeras ändringarna i databasen för AEM Git. Men de är bara kopplade till källkoden. De lever ännu inte.

I frontproduktionsflödet används dessa implementerade anpassningar och distribueras till en AEM miljö, vanligtvis i produktions- eller icke-produktionsmiljöer.

På så sätt kan front end-utveckling fungera separat från och parallellt med all backend-utveckling i full stack på AEM, som har sina egna driftsättningspipelines.

NOTE
I frontledningarna kan du bara distribuera JavaScript-, CSS- och statiska resurser för att utforma din AEM. Webbplatsinnehåll som sidor eller resurser kan inte distribueras i en pipeline.

Använd Cloud Manager login

  1. Logga in på Adobe Cloud Manager på my.cloudmanager.adobe.com.

  2. Cloud Manager listar de olika program som är tillgängliga. Markera den du vill hantera. Om du just har börjat med AEM as a Cloud Service har du antagligen bara ett program tillgängligt.

    Välja ett program i Cloud Manager

Nu visas en översikt över programmet. Sidan ser annorlunda ut men liknar det här exemplet.

Cloud Manager - översikt

Observera namnet på programmet som du har öppnat eller kopierat URL:en. Du måste skicka detta till den som utvecklar gränssnittet senare.

Skapa en frontpipeline create-front-end-pipeline

Nu när du har kommit åt Cloud Manager kan du skapa en pipeline för driftsättning i gränssnittet.

  1. Markera Lägg till i delen Förgreningar på Cloud Manager-sidan.

    Rörledningar

  2. På snabbmenyn som visas under knappen Lägg till väljer du Lägg till icke-produktionspipeline för den här resan.

  3. På fliken Konfiguration i dialogrutan Lägg till icke-produktionsförlopp som öppnas:

    • Välj Distributionspipeline.
    • Ange ett namn för pipelinen i fältet Namn på icke-produktionspipeline.

    Lägg till pipeline-konfiguration

  4. Välj Fortsätt.

  5. På fliken Source Code:

    • Välj Front End Code som den typ av kod som ska distribueras.
    • Kontrollera att rätt miljö är markerad under Berättigade distributionsmiljöer.
    • Välj rätt databas.
    • Ange vilken Git-gren som pipeline ska kopplas till.
    • Definiera kodplatsen om frontendutvecklingen finns under en viss sökväg i den valda databasen. Standardvärdet är databasens rot, men ofta är front end-utveckling och back end-objekt under olika sökvägar.

    Source-kodinformation för att lägga till pipeline

  6. Välj Spara.

Den nya pipelinen skapas och visas i avsnittet Pipelines i Cloud Manager-fönstret. Om du trycker på ellipsen efter pipelinenamnet visas alternativ för ytterligare redigering eller visning av detaljer efter behov.

Alternativ för pipeline

TIP
Om du redan känner till pipelines i AEMaaCS och vill veta mer om skillnaderna mellan de olika typerna av pipelines, inklusive mer information om frontendpipeline, kan du läsa Konfigurera CI/CD-pipeline - Cloud Service som är länkade i avsnittet Ytterligare resurser nedan.

What's Next what-is-next

Nu när du är klar med den här delen av AEM snabbwebbplats:

  • Förstå vad en rörledning är.
  • Ta reda på hur man lägger upp en rörledning i Cloud Manager.

Bygg vidare på den här kunskapen och fortsätt din resa med att skapa AEM genom att gå igenom dokumentet Bevilja åtkomst till frontendutvecklaren, där du kommer att introducera gränssnittsutvecklarna i Cloud Manager så att de har tillgång till din AEM platsdatabas och pipeline.

Ytterligare resurser additional-resources

Vi rekommenderar att du går vidare till nästa del av snabbwebbplatsskapandeprocessen genom att granska dokumentet Anpassa webbplatstemat, men följande är ytterligare, valfria resurser som gör en djupdykning i vissa koncept som nämns i det här dokumentet, men de behöver inte fortsätta på resan.

  • Cloud Manager-dokumentation - Om du vill ha mer information om Cloud Manager funktioner kan det vara bra att läsa den detaljerade tekniska dokumentationen.
  • Cloud Manager-databaser - Om du vill ha mer information om hur du konfigurerar och hanterar Git-databaser för ditt AEMaaCS-projekt läser du det här dokumentet.
  • Konfigurera CI/CD-pipeline - Cloud Service - Läs mer om hur du konfigurerar pipelines, både fullständig stack och frontend, i det här dokumentet.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab