View a markdown version of this page

Implementación de aplicaciones renderizadas del servidor con Amplify Hosting - AWS Amplify Alojamiento
Implementación de una aplicación SSR en Amplify

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Implementación de aplicaciones renderizadas del servidor con Amplify Hosting

Puede utilizarla AWS Amplify para implementar y alojar aplicaciones web que utilizan la renderización del lado del servidor (SSR). Amplify Hosting detecta automáticamente las aplicaciones creadas con el Next.js marco y no es necesario realizar ninguna configuración manual en el. Consola de administración de AWS

Amplify también es compatible con cualquier marco SSR basado en JavaScript con un adaptador de compilación de código abierto que transforme la salida de la compilación de una aplicación en la estructura de directorios que Amplify Hosting espera. Por ejemplo, puede implementar aplicaciones creadas con Nuxt, Astro y SvelteKit los marcos instalando los adaptadores disponibles.

Los usuarios avanzados pueden usar la especificación de implementación para crear un adaptador de compilación o configurar un script posterior a la compilación.

Puede implementar los siguientes marcos para Amplify Hosting con una configuración mínima.

Next.js
Nuxt.js
Astro.js
SvelteKit
Adaptadores de código abierto
Temas

Implementación de una aplicación SSR en Amplify

Puede usar estas instrucciones para implementar una aplicación creada con cualquier marco con una agrupación de implementación que se ajuste a la salida de compilación que Amplify espera. Si está implementando una Next.js aplicación, no se necesita ningún adaptador.

Si va a implementar una aplicación de SSR que usa un adaptador de marcos, primero debe instalar y configurar el adaptador. Para obtener instrucciones, consulte Uso de adaptadores de código abierto para cualquier marco SSR.

Implementación de una aplicación de SSR en Amplify Hosting

  1. Inicia sesión en la consola de Amplify Consola de administración de AWS y ábrela.

  2. En la página Todas las aplicaciones, seleccione Crear nueva aplicación.

  3. En la página Comenzar a crear con Amplify, seleccione el proveedor de repositorios de Git y, a continuación, elija Siguiente.

  4. En la página Añadir ramificación de repositorio, siga estos pasos:

    1. Seleccione el nombre del repositorio que desea conectar.

    2. Seleccione el nombre de la ramificación del repositorio que desea conectar.

    3. Elija Siguiente.

  5. En la página de configuración de la aplicación, Amplify detecta automáticamente las aplicaciones Next.js SSR.

    Si va a implementar una aplicación SSR que utiliza un adaptador para otro marco, debe habilitar Amazon CloudWatch Logs de forma explícita. Abre la sección de configuración avanzada y, a continuación, selecciona Habilitar los registros de la aplicación SSR en la sección de despliegue de Server-Side renderización (SSR).

  6. La aplicación requiere un rol de servicio de IAM que Amplify asume para entregar los registros en su Cuenta de AWS.

    El procedimiento para agregar un rol de servicio varía en función de si desea crear uno nuevo o usar uno existente.

    • Creación de un nuevo rol:

      1. Elija Crear y utilizar un nuevo rol de servicio.

    • Uso de un rol existente:

      1. Elija Usar un rol existente.

      2. En la lista de roles de servicio, seleccione el que desee utilizar.

  7. Elija Siguiente.

  8. En la página Revisar, elija Guardar e implementar.