Subir aplicación con Symfony3 y Angular a un hosting compartido.

Subir a producción nuestro proyecto con Symfony3 y Angular (utilizando Angular CLI) es muy sencillo utilizando un hosting compartido.

Symfony3

Únicamente es necesario eliminar los directorios var/cache y var/logs.

Angular

Hay que ejecutar el comando ng build - -prod. Esto generará un directorio /dist con el contenido que hay que subir al hosting.

Subir archivos y .htaccess

Hay que subir todos los ficheros de Symfony, y el directorio /dist de Angular al hosting. Para ello una buena opción es utilizar Filezilla.

Este es el contenido del directorio /public_html en el hosting que he contratado:

Estos archivos son los generados por Angular, y además se incluye un directorio /api con los archivos de Symfony:

Una vez que está todo subido es importante añadir un archivo .htaccess para evitar errores en la aplicación. En caso de no añadirlo la aplicación no cargaría al recargar la página.

 RewriteEngine On 
 RewriteCond %{SERVER_PORT} 80 
 RewriteRule ^(.*)$ RUTA/$1 [R,L] 

 Options -MultiViews
 #RewriteEngine On
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteRule ^ index.html [QSA,L]

¡Importante! Cambiar RUTA por la dirección de tu web.

Con esto ya tenemos la aplicación funcionando correctamente.