Uso de adaptadores de código abierto para cualquier SSR marco - AWS Amplify Hospedaje

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.

Uso de adaptadores de código abierto para cualquier SSR marco

Puedes usar cualquier adaptador de compilación de SSR framework que se haya creado para la integración con Amplify Hosting. Cada marco que ofrece un adaptador determina cómo se configura el adaptador y se conecta a su proceso de compilación. Normalmente, instalará el adaptador como una dependencia de desarrollo de npm.

Después de crear una aplicación con un marco, utilice la documentación del marco para obtener información sobre cómo instalar el adaptador de Amplify Hosting y configurarlo en el archivo de configuración de la aplicación.

A continuación, cree un archivo amplify.yml en el directorio raíz del proyecto. En el archivo amplify.yml, establezca el valor de baseDirectory en el directorio de salida de la compilación de la aplicación. El marco ejecuta el adaptador durante el proceso de compilación para transformar la salida en el paquete de implementación de Amplify Hosting.

El nombre del directorio de salida de la compilación puede ser cualquiera, pero el nombre de archivo .amplify-hosting tiene importancia. Amplify busca primero un directorio definido como baseDirectory. Si existe, Amplify busca la salida de la compilación en dicho directorio. Si el directorio no existe, Amplify busca la salida de la compilación en .amplify-hosting, incluso si el cliente no lo ha definido.

A continuación se muestra un ejemplo de la configuración de compilación de una aplicación. El valor de baseDirectory se establece en .amplify-hosting para indicar que la salida de la compilación está en la carpeta .amplify-hosting. Siempre que el contenido de la carpeta .amplify-hosting coincida con la especificación de implementación de Amplify Hosting, la aplicación se implementará correctamente.

version: 1 frontend: preBuild: commands: - npm install build: commands: - npm run build artifacts: baseDirectory: .amplify-hosting

Después de configurar la aplicación para usar un adaptador de marcos, puede implementarla en Amplify Hosting. Para obtener instrucciones detalladas, consulte Implementación de una SSR aplicación para Amplify.