Despliegue web

El despliegue de una aplicación web de Dart funciona igual que el de cualquier otra aplicación web. Esta página describe cómo compilar tu aplicación, ofrece consejos para hacerla más pequeña y rápida, y te remite a recursos para servir la aplicación.

Utiliza la herramienta webdev para compilar tu aplicación. Compila Dart a JavaScript y genera todos los recursos que necesitas para el despliegue. Cuando compilas utilizando el modo de producción del compilador, obtienes un archivo JavaScript que es razonablemente pequeño, gracias al soporte del compilador para tree shaking.

Con un poco de trabajo adicional, puedes hacer que tu aplicación desplegable sea más pequeña, rápida y confiable.

Utiliza el comando webdev build para crear una versión desplegable de tu aplicación. Este comando convierte tu código a JavaScript y guarda el resultado como build/web/main.dart.js. Puedes usar cualquier opción disponible para dart compile js con webdev build.

Los siguientes pasos son opcionales. Pueden ayudar a que tu aplicación sea más confiable y receptiva.

• Utiliza la carga diferida (deferred loading) para reducir el tamaño inicial de tu aplicación
• Sigue las mejores prácticas para aplicaciones web
• Elimina los archivos de compilación innecesarios

Puedes usar el soporte de Dart para la carga diferida (deferred loading) para reducir el tamaño de descarga inicial de tu aplicación. Para obtener más detalles, consulta la cobertura de la carga diferida (deferred loading) en la guía del lenguaje.

Los consejos habituales para aplicaciones web se aplican a las aplicaciones web de Dart. Aquí tienes algunos recursos:

• Tiempos de carga rápidos
• Fundamentos de la Web (Web Fundamentals) (especialmente Optimización de la eficiencia del contenido)
• Aplicaciones Web Progresivas (PWA)
• Lighthouse

Los compiladores web pueden producir archivos que son útiles durante el desarrollo, como archivos de mapa de Dart a JavaScript, pero innecesarios en producción.

Para eliminar estos archivos, puedes ejecutar un comando como el siguiente:

# From the root directory of your app:
$ find build -type f -name "*.js.map" -exec rm {} +

Puedes servir tu aplicación web de Dart tal como servirías cualquier otra aplicación web. Esta sección indica consejos para servir aplicaciones web de Dart, así como recursos específicos de Dart para ayudarte a utilizar GitHub Pages o Firebase para servir tu aplicación.

Si tu aplicación no utiliza enrutamiento ni requiere soporte del lado del servidor, puedes servir la aplicación utilizando GitHub Pages. El paquete peanut es una forma sencilla de producir automáticamente una rama gh-pages para cualquier aplicación web de Dart.

El ejemplo startup_namer está alojado utilizando GitHub Pages. Sus archivos están en la rama gh-pages del repositorio filiph/startup_namer y fueron compilados utilizando peanut.

Para obtener más información sobre el despliegue con Firebase, consulta los siguientes recursos:

• La documentación de Firebase Hosting describe cómo desplegar aplicaciones web con Firebase.
• En la documentación de Firebase Hosting, Configurar el comportamiento de alojamiento (Configure Hosting Behavior) cubre redireccionamientos, reescrituras y más.