subir servidor publicar proyecto produccion desplegar aplicacion angular angular-cli

publicar - Ejecute Angular2 como aplicación estática en el navegador sin servidor



seo en angular 4 (5)

Ejecute el comando BUILD para BUNDLE / build

ng construir

o para una construcción / paquete de producción

ng build --prod

Construirá / agrupará su aplicación en una aplicación distribuible.

Cuando haya terminado, busque en la carpeta raíz de su aplicación una carpeta dist que contenga todo lo que su aplicación necesita para ejecutar fuera del servidor de nodo, por ejemplo, una instancia de Tomcat.

Actualizar

Gracias al comentario de @Maris, asegúrese de que las rutas de acceso a sus archivos sean relativas al directorio actual en lugar de al directorio raíz.

Simplemente ejecute este comando para cambiar el elemento href base en su index.html.

ng build --prod --base-href ./

Según entiendo el concepto Angular2, está transpillando archivos de TypeScript a archivos .js. En principio, debería ser posible compilar, empaquetar y luego ejecutar esa aplicación Angular2 como una aplicación estática desde AWS S3 bucket, GitHub o cualquier otra fuente estática.

Si ejecuto la aplicación Angular2 en el servidor de nodos (con el comando de "servicio ng de servicio angular"), se necesitan 500 MB de RAM en el servidor. - ¿Realmente se supone que es así? ¿Cuál es el beneficio de este marco en comparación con React, por ejemplo, que solo necesita un navegador?

Parece que no encuentro nada útil para servir la aplicación Angular2 como un HTML + JS estático compilado.

¿Tal vez puedas ayudarme a entender esto y resolverlo?

¡Muchas gracias!

Maris


Es imposible pensar durante un error en los navegadores modernos:

Desatrañado (en promesa): Error de seguridad: Error al ejecutar ''replaceState'' en ''Historial'': ...

Es una lástima


Esta es una excelente manera de exportar su aplicación, solo necesita un pequeño cambio, abra index.html y cambie

<base href="/">

a

<base href="./">


Esto funciona para mí:

$ ng build --prod --base-href ./


Cómo servir una carpeta de Angular 2 dist index.html para servir una carpeta de Angular 2 dist index.html

Si no es obvio para todos, y no lo fue para mí. Si desea ejecutar la carpeta dist localmente después de compilarla y corregirla ref. Base, use algo como http-server y apúntelo a la carpeta dist, no a ningún archivo en particular. Desde la ventana de cmd en tu carpeta de proyectos.

c: / user / myProject> http-server ./dist

como se explica en el enlace