0

Estoy intentando subir una aplicación a un servidor compartido de Hostinger. El front-end está hecho con Angular y el back-end con Node. Obviamente no puedo publicar solo la carpeta dist y no consigo averiguar como publicar la aplicación completa. Puede que sea algo muy básico pero no encuentro mucha información del tema y yo soy bastante novato a la hora de hacer deploy. He instalado aplicaciones hechas solo con Node y otras en Angular pero nunca las dos cosas juntas. Esta es la estructura de carpetas:

estructura de carpetas

El servicio en angular:

el servicio en angular

Endpoint:

endpoint en backend

Gracias por la ayuda!

2
  • te puede servir revisar la documentación de Angular, sobre NodeJs puedes revisar algún tutorial para subir a Heroku
    – Richard
    Commented el 10 may. 2021 a las 18:15
  • Debes de correr tu aplicación en un hosting que soporte node como heroku. Para eso tienes que hacer algúnas configuraciones extras.
    – Legna
    Commented el 11 may. 2021 a las 16:03

2 respuestas 2

0

Yo lo haría de la siguiente forma, en el index (src/index.html), la etiqueta <base>, quedaría así:

<base href="/">

Después compilaría para producción con el comando ng build --prod y subiría el proyecto.

Como todo en este mundo, se puede complicar, no sé qué tipo de errores se pueden producir porque yo desarrollo con Angular para proyectos locales, sin embargo puedes probar a cambiar el href="/" por href="./", quizá sirva de algo.

Ya estando desplegado, si sigue sin funcionar, no sabría decirte, hay distintos servidores y configuraciones (Nginx, Apache, Express, IIS, etc) y cada uno tendrá su forma de trabajar.

No puedo extenderme demasiado más porque normalmente desarrollo con Angular para usarlo en Express, y mis proyectos no pasan de un servidor de desarrollo.

11
  • La aplicación funciona, pero cuando mi aplicación de angular hace peticiones http al backend me da error 404 (not found). Interpreto que cuando compilo se queda al margen mi backend ya que la distribución de carpetas es esta: proyecto: /backend /dist /src ¿Es posible que tenga que hacer npm install de la parte de mi backend?
    – Jav1
    Commented el 10 may. 2021 a las 18:54
  • Hacia qué ruta estás haciendo la petición http? Puedes enseñar el endpoint y la ruta de la petición? Commented el 10 may. 2021 a las 19:02
  • No sé cómo funciona hostinger para alojar proyectos node, pero claro, es evidente que necesitas las dependencias para servir datos. De todas formas huele a problema de rutas, ya que dices que usas Angular con Node, por lo tanto asumo que Node está sirviendo la página del directorio estático, me equivoco? Commented el 10 may. 2021 a las 19:09
  • En desarrollo las rutas eran correctas. Simplemente he cambiado localhost por mi dominio. Perdona si la pregunta es demasiado obvia, pero tengo que instalar mi backend como un proyecto independiente o debería bastar con subir la carpeta backend?
    – Jav1
    Commented el 10 may. 2021 a las 19:20
  • Si tu petición era similar a esto return this.http.post<User>('http://localhost/api/auth/login', user) prueba a dejarlo de la siguiente forma: return this.http.post<User>('/api/auth/login', user). Respecto a la pregunta de si tienes que instalar tu backend como un proyecto independiente, no sé a qué te refieres exactamente, dices de servir los endpoints desde un servidor diferente del frontend? Si es así vas a tener que configurar el middleware cors Commented el 10 may. 2021 a las 19:25
0

Revisa esto, segun se indica solo es posible hacer un deploy de node.js en un VPS de hostinger, no en un hosting compartido. https://support.hostinger.com/en/articles/1583661-do-you-support-node-js

3
  • 1
    Por favor, agrega más detalles para ampliar tu respuesta, como código que funcione o citas de documentación.
    – Comunidad Bot
    Commented el 6 sept. 2021 a las 7:18
  • Si bien este enlace puede responder a la pregunta, es mejor incluir las partes esenciales de la respuesta aquí y proporcionar el enlace como referencia. Las respuestas que son únicamente un enlace pueden dejar de ser válidas si la página vinculada cambia. Commented el 6 sept. 2021 a las 9:59
  • Correcto. Todo estaba bien, el problema era el hosting. Es importante tenerlo en cuenta si queremos practicar con Node. Gracias!
    – Jav1
    Commented el 7 sept. 2021 a las 7:53

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.