Previsualización de una extensión local de editor universal
Para obtener una vista previa de una extensión de editor universal durante el desarrollo, debe:
- Ejecute la extensión localmente.
- Acepte el certificado autofirmado.
- Abra una página en el editor universal.
- Actualice la dirección URL de ubicación para cargar la extensión local.
Ejecute la extensión localmente
Se supone que ya ha creado una extensión de editor universal y que desea previsualizarla mientras realiza pruebas y desarrolla tareas de desarrollo a nivel local.
Inicie la extensión de editor universal con:
$ aio app run
Verá resultados como los siguientes:
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
Esto ejecuta su extensión en https://localhost:9080 de manera predeterminada.
Aceptar el certificado autofirmado
El editor universal requiere HTTPS para cargar extensiones. Dado que el desarrollo local utiliza un certificado autofirmado, el explorador debe confiar explícitamente en él.
Abra una nueva pestaña del explorador y vaya al resultado de la URL de la extensión local mediante el comando aio app run:
https://localhost:9080
El explorador mostrará una advertencia de certificado. Acepte el certificado para continuar.
Una vez aceptado, verá la página del marcador de posición de la extensión local:
Abra una página en el editor universal
Abra el editor universal a través de la consola del editor universal o editando una página en AEM Sites que use el editor universal:
Cargar la extensión
En el editor universal, ubique el campo Ubicación en la parte superior central de la interfaz. Expanda y actualice la URL en el campo Ubicación, no en la barra de direcciones del explorador.
Anexe los siguientes parámetros de consulta:
devMode=true: habilita el modo de desarrollo para el editor universal.ext=https://localhost:9080: carga la extensión que se está ejecutando localmente.
Ejemplo:
https://author-pXXX-eXXX.adobeaemcloud.com/content/aem-ue-wknd/index.html?devMode=true&ext=https://localhost:9080
Previsualizar la extensión
Realice una recarga brusca del explorador para asegurarse de que se utiliza la dirección URL actualizada.
El editor universal ahora cargará la extensión local, solo en la sesión del explorador.
Cualquier cambio de código que realice localmente se reflejará inmediatamente.
