Förhandsgranska ett lokalt universellt redigeringstillägg

Om du vill förhandsgranska ett universellt redigeringstillägg under utvecklingen måste du:

Kör tillägget lokalt

Detta förutsätter att du redan har skapat ett Universal Editor-tillägg och vill förhandsgranska det när du testar och utvecklar lokalt.

Starta tillägget Universal Editor med:

$ aio app run

Du ser utdata som:

To view your local application:
  -> https://localhost:9080
To view your deployed application in the Experience Cloud shell:
  -> https://experience.adobe.com/?devMode=true#/custom-apps/?localDevUrl=https://localhost:9080

Detta kör tillägget på https://localhost:9080 som standard.

Acceptera det självsignerade certifikatet

Universal Editor kräver HTTPS för att läsa in tillägg. Eftersom lokal utveckling använder ett självsignerat certifikat måste webbläsaren uttryckligen lita på det.

Öppna en ny flik i webbläsaren och navigera till den lokala URL-utdatafilen för tillägget med kommandot aio app run:

https://localhost:9080

Webbläsaren visar en certifikatvarning. Acceptera certifikatet för att fortsätta.

När du har accepterat visas platshållarsidan för det lokala tillägget:

Öppna en sida i Universal Editor

Öppna Universal Editor via Universal Editor-konsolen eller genom att redigera en sida i AEM Sites som använder Universal Editor:

Läs in tillägget

Leta reda på fältet Plats längst upp i mitten av gränssnittet i Universellt redigeringsprogram. Expandera den och uppdatera URL:en i platsfältet, inte webbläsarens adressfält.

Lägg till följande frågeparametrar:

Exempel:

https://author-pXXX-eXXX.adobeaemcloud.com/content/aem-ue-wknd/index.html?devMode=true&ext=https://localhost:9080

Förhandsgranska tillägget

Utför en hård inläsning av webbläsaren för att kontrollera att den uppdaterade URL:en används.

Det lokala tillägget läses nu in i den universella redigeraren - endast i webbläsarsessionen.

Alla kodändringar du gör lokalt återspeglas omedelbart.