Implementación y verificación
Nuestro objetivo es crear un bloque de Edge Delivery Services dinámico que llame a una función de Edge de AEM para recuperar datos dinámicos de una API de terceros.
El cuarto y último paso es implementar ambos proyectos en su sitio de desarrollo y confirmar que todo el flujo funciona de principio a fin, no solo localmente. El bloque de Edge Delivery Services y la función Edge de AEM se encuentran en dos repositorios independientes, por lo que se promocionan mediante dos PR independientes. Primero revise la estrategia de implementación de la función AEM Edge en Edge Delivery Services🔗. Explica cómo se vincula una función Edge de AEM a un sitio y rama, y cómo se establecen los ámbitos de los secretos por sitio. Esta página es la secuencia concreta de las dos ramas de este tutorial.
Aumentar y combinar ambas PR
- En su proyecto Funciones de AEM Edge, genere una PR desde
estimated-delivery(o rama que creó) en su ramadev. En mi caso, vea myfrescopa-edge-functions project PR - En el proyecto del sitio de Edge Delivery Services, genere una PR de
estimated-delivery(o rama que creó) en la ramadev. En mi caso, consulte Proyecto de sitios de Frescopa PR - Revise y combine ambos.
Las dos relaciones públicas son independientes. El orden de combinación no importa para su revisión, pero la función Edge de AEM debe implementarse antes de que las llamadas del bloque de Edge Delivery Services se realicen correctamente en el sitio implementado, ya que el bloque simplemente llama a una ruta y depende de la ruta de CDN que ya señala al código de trabajo.
Publicar la página en directo
La publicación para previsualizar, de nuevo en código push y crear el bloque, hace que el contenido creado esté disponible para aem up y para el host de CDN de vista previa. El tráfico en directo en el dominio del sitio de desarrollo necesita que se publique la misma página en Activo. En AEM Sites, abra la página y publique en Live de la misma manera que publicó en Vista previa anteriormente.
Añadir secretos a la canalización de configuración
Las llamadas de flujo ascendente simuladas leen CATALOG_API_TOKEN y DELIVERY_API_TOKEN hasta SecretStoreManager.getSecret(), aunque el tutorial aún no use los valores para una llamada real. Declare ambos como secretos en config/edgeFunctions.yaml, haciendo referencia a las variables de canalización de Cloud Manager con el prefijo por sitio, siguiendo Use configuraciones y secretos con funciones de Edge. Agregue las variables correspondientes en Cloud Manager antes de ejecutar la canalización en el siguiente paso.
Implementar la configuración de CDN y la función de Edge de AEM
Una vez que la rama dev del proyecto Funciones Edge de AEM tenga los cambios combinados, implemente primero la configuración de CDN y, a continuación, la propia función Edge de AEM.
Ejecutar la canalización de configuración
Ejecute la canalización de configuración de Edge Delivery en Cloud Manager después de Revisar e implementar la configuración de CDN (confirme que el paso Código Source de la canalización apunta a su rama dev, no a main, por lo que extrae la configuración que acaba de combinar). Dado que cdn.yaml y edgeFunctions.yaml han cambiado, esto inserta la nueva regla de selector de origen y resuelve las referencias secretas agregadas en el paso anterior.
Creación e implementación de la función Edge de AEM
Una vez que la canalización se haya realizado correctamente, genera e implementa la función en sí, siguiendo Generar e implementar el proyecto Funciones de AEM Edge:
$ cd myfrescopa-edge-functions
$ git checkout dev && git pull
# Confirm the CLI context targets the Dev site
$ aio aem edge-functions info
Confirme que Site Domain coincide con su sitio de desarrollo, por ejemplo dev-myfrescopa.enablementadobe.com, antes de generar e implementar.
$ aio aem edge-functions build
$ aio aem edge-functions deploy my-edge-function
Comprobar el extremo
Confirme que la función AEM Edge responde directamente primero:
$ curl "https://dev-myfrescopa.enablementadobe.com/api/frescopa/estimated-delivery?sku=house-blend-medium-roast&postcode=90210"
A continuación, abra el sitio y ejecute el propio bloque de Edge Delivery Services:
https://dev-myfrescopa.enablementadobe.com/dev/branches/estimated-delivery
Envíe el formulario y confirme que los procesamientos de resultados con datos activos de la función Edge de AEM implementada, no la respuesta local que vio en Conecte el bloque a la función Edge de AEM.
Abra la pestaña Red de DevTools del explorador y confirme que la dirección URL de solicitud es el dominio propio del sitio, no el dominio de depuración sin procesar de la función Edge de AEM. Esto confirma que el selector de origen de CDN está enrutando la ruta relativa del mismo origen, exactamente como Elija la dirección URL correcta para el entorno descrito.
Si la solicitud falla aquí pero funcionó localmente, compruebe primero la regla de selector de origen de CDN (ruta de acceso, originName y que la canalización se haya ejecutado realmente) y, a continuación, la salida de compilación e implementación de la función Edge de AEM en busca de errores.
Promocionar más
Para mover esta característica de dev a stage y main, repita la secuencia de combinación, implementación y verificación para cada sitio, siguiendo Promocione el código a través de los sitios.
Resumen
Ha implementado un controlador de funciones Edge de AEM que combina dos llamadas de subida, ha creado un bloque Edge Delivery Services que lo llama, ha conectado los dos con el cambio de URL según el entorno y CORS y ha implementado ambos en un sitio activo.