AEM AEM Configuración rápida sin encabezado para la configuración as a Cloud Service de la

Vaya a https://my.cloudmanager.adobe.com

Seleccione Cloud Manager Programa AEM que contiene el entorno as a Cloud Service de la que se utilizará para esta configuración rápida

Cree un repositorio Git para el proyecto del sitio WKND

1. Seleccionar Repositorios en la barra de navegación superior
2. Seleccionar Añadir repositorio en la barra de acciones superior
3. Asigne un nombre al nuevo repositorio Git: aem-headless-quick-setup-wknd
   • Los nombres de los repositorios de Git deben ser únicos para cada organización de Adobe,
4. Seleccionar Guardar y espere a que se inicialice el repositorio Git

Desde la línea de comandos, clone el código fuente del proyecto WKND de muestra desde GitHub

$ mkdir -p ~/Code
$ cd ~/Code
$ git clone git@github.com:adobe/aem-guides-wknd.git

Añadir el repositorio Git de Cloud Manager como remoto

1. Seleccionar Repositorios en la barra de navegación superior

2. Seleccionar Acceder a info del repositorio desde la barra de acciones superior

3. Ejecutar comando encontrado en Añada un remoto a su repositorio de Git desde la línea de comandos

   code language-shell
   $ cd aem-guides-wknd $ git remote add adobe https://git.cloudmanager.adobe.com/<YOUR ADOBE ORGANIZATION>/aem-headless-quick-setup-wknd/

Inserte el código fuente del proyecto de muestra desde el repositorio Git local al repositorio Git de Cloud Manager

$ git push adobe main:main

Cuando se le soliciten credenciales, proporcione el Nombre de usuario y Contraseña desde el de Cloud Manager Información del repositorio modal.

Adjuntar un Canalización de implementación que no es de producción al nuevo repositorio de Git

1. Seleccionar Canalizaciones en la barra de navegación superior

2. Seleccionar Agregar canalización desde la barra de acciones superior

3. En el Configuración pestaña

   1. Seleccionar Canalización de implementación opción
   2. Configure las variables Nombre de la canalización que no es de producción hasta Dev Deployment pipeline
   3. Seleccionar Déclencheur de implementación > Cambios en Git
   4. Seleccionar Comportamiento de los errores de las métricas importantes > Continuar inmediatamente
   5. Seleccionar Continuar

4. En el Código fuente pestaña

   1. Seleccionar Código de pila completa opción
   2. Seleccione el AEM entorno de desarrollo as a Cloud Service desde el Entornos de implementación aptos cuadro de selección
   3. Seleccionar aem-headless-quick-setup-wknd en el Repositorio cuadro de selección
   4. Seleccionar main desde el Rama Git cuadro de selección
   5. Seleccionar Guardar

Ejecute el Canalización de implementación de desarrolladores

1. Seleccionar Información general en la barra de navegación superior
2. Busque el recién creado Canalización de implementación de desarrollo en el Canalizaciones sección
3. Seleccione el … a la derecha de la entrada de la canalización
4. Seleccionar Ejecutar y confirme en el modal
5. Seleccione el … a la derecha de la canalización en ejecución
6. Seleccionar Ver detalles

Desde los detalles de ejecución de la canalización, monitorice el progreso hasta que se complete correctamente. La ejecución de la canalización debe tardar entre 30 y 40 minutos.

Desde la línea de comandos, clone el código fuente de la aplicación React desde GitHub.

$ cd ~/Code
$ git clone git@github.com:adobe/aem-guides-wknd-graphql.git

Abra la carpeta ~/Code/aem-guides-wknd-graphql/react-app en su IDE.

En el IDE, abra el archivo .env.development.

AEM Apuntar a la as a Cloud Service de la Publish URI de host del servicio desde REACT_APP_HOST_URI propiedad.

REACT_APP_HOST_URI=https://publish-pXXXX-eYYYY.adobeaemcloud.com
...

AEM Para encontrar el URI de host del servicio Publicación as a Cloud Service de la:

1. En Cloud Manager, seleccione Entornos en la barra de navegación superior
2. Seleccionar Desarrollo entorno
3. Busque el AEM Servicio de publicación (y Dispatcher) vincular Segmentos de entorno tabla
4. AEM Copie la dirección del vínculo y utilícela como URI del servicio de publicación as a Cloud Service de la

En el IDE, guarde los cambios en .env.development

Desde la línea de comandos, ejecute la aplicación React

$ cd ~/Code/aem-guides-wknd-graphql/react-app
$ npm install
$ npm start

La aplicación React, que se ejecuta localmente, comienza el http://localhost:3000 AEM y muestra un listado de aventuras, que provienen de las API de GraphQL de sin encabezado, que se encuentran as a Cloud Service AEM de la manera en que se originan.

AEM Inicie sesión en el servicio de autor as a Cloud Service de

Vaya a Recursos > Archivos > WKND Compartido > Inglés > Aventuras

Abra el Ciclismo en el sur de Utah Carpeta

Seleccione el Ciclismo en el sur de Utah Fragmento de contenido y seleccione Editar desde la barra de acciones superior

Actualice algunos de los campos del fragmento de contenido, por ejemplo:

• Título: Cycling Utah's National Parks
• Duración del viaje: 6 Days
• Dificultad: Intermediate
• Precio: 3500
• Imagen principal: /content/dam/wknd-shared/en/activities/cycling/mountain-biking.jpg

Seleccionar Guardar en la barra de acciones superior

Seleccionar Publicación rápida desde las barras de acciones superiores …

Actualice la aplicación de React que se ejecuta en http://localhost:3000.

En la aplicación React, seleccione la aventura de ciclismo ahora actualizada y verifique los cambios de contenido realizados en el fragmento de contenido.

AEM Con el mismo enfoque, en el servicio de autor de:

1. Cancele la publicación de un fragmento de contenido de aventura existente y compruebe que se ha eliminado de la experiencia de la aplicación React
2. Cree y publique un nuevo fragmento de contenido de aventura y verifique que aparece en la experiencia de la aplicación React