Een voorvertoning weergeven van een lokale extensie van Universal Editor
Als u een voorvertoning van de extensie Universal Editor wilt weergeven tijdens de ontwikkeling, moet u:
- Voer de extensie lokaal uit.
- Accepteer het zelfondertekende certificaat.
- Open een pagina in Universele Redacteur.
- Werk de locatie-URL bij om de lokale extensie te laden.
De extensie lokaal uitvoeren
Dit veronderstelt u reeds de uitbreiding van de Redacteur van de a Universelehebt gecreeerd en het willen voorproef terwijl het testen en het ontwikkelen plaatselijk.
Start de extensie Universal Editor met:
$ aio app run
De uitvoer ziet er als volgt uit:
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
Hierdoor wordt de extensie standaard uitgevoerd op https://localhost:9080 .
Het zelfondertekende certificaat accepteren
Voor de Universal Editor is HTTPS vereist om extensies te laden. Aangezien bij lokale ontwikkeling een zelfondertekend certificaat wordt gebruikt, moet uw browser dit expliciet vertrouwen.
Open een nieuw browsertabblad en navigeer met de opdracht aio app run naar de URL-uitvoer van de lokale extensie:
https://localhost:9080
Er verschijnt een certificaatwaarschuwing in uw browser. Accepteer het certificaat om verder te gaan.
Nadat de lokale extensie is geaccepteerd, ziet u de tijdelijke aanduiding voor de pagina:
Een pagina openen in de Universal Editor
Open Universele Redacteur via de Universele console van de Redacteurof door een pagina in AEM Sites uit te geven die Universele Redacteur gebruikt:
De extensie laden
In Universele Redacteur, bepaal de plaats van het gebied van de Plaats bij het hoogste centrum van de interface. Breid het uit en werk URL op het gebied van de Plaats bij, niet de browser adresbar.
Voeg de volgende queryparameters toe:
devMode=true- Schakelt de ontwikkelingsmodus in voor de universele editor.ext=https://localhost:9080- Laadt uw lokaal lopende uitbreiding.
Voorbeeld:
https://author-pXXX-eXXX.adobeaemcloud.com/content/aem-ue-wknd/index.html?devMode=true&ext=https://localhost:9080
Voorvertoning van de extensie weergeven
Voer a hard opnieuw laden van browser uit om bijgewerkte URL te verzekeren wordt gebruikt.
De Universal Editor laadt nu uw lokale extensie, alleen in uw browsersessie.
Wijzigingen die u lokaal aanbrengt, worden direct doorgevoerd.
