Cómo implementar una aplicación web ReactJS en Heroku

Heroku es una plataforma como servicio (Paas) que permite a los desarrolladores crear, ejecutar y operar aplicaciones completamente en la nube. A diferencia de otros servicios, todo lo que necesita es configurar la aplicación como se menciona en su documentación.

Todo lo que necesita es una versión de producción integrada de su aplicación.

Esto sería tener

  1. index.html (archivo html para la aplicación)
  2. index.js (su javascript incluido)
  3. Activos estáticos (imágenes similares)

Necesitas crear

  1. Un servidor Node.js simple que sirve el archivo HTML.
  2. Procfile: describe qué scripts ejecutar cuando implementa una aplicación.
  3. static.json: esto es necesario si tiene problemas de ruta. Esto describe dónde recurrir si las rutas no coinciden (Devolución 404)

Todos estos están disponibles en la documentación.

Puedes mirar un blog de muestra sobre el mismo.

Nota: No necesita necesariamente un servidor Node. Todo lo que necesita es un PHP o Ruby o cualquier otro servidor simple que solo sirva los archivos.

Heroku es una plataforma que nos permite tener el entorno necesario para implementar una aplicación. Una vez que se registra y obtiene una cuenta paga, le permite alojar su propio dominio y aplicaciones en diferentes lenguajes de programación en la práctica hoy en día, como: Java, Node.js, Ruby, PHP, etc. Hablemos sobre los requisitos básicos que necesita cuidar para implementar una aplicación en Heroku.

Una parte del proceso para implementar su aplicación en Heroku sería:

Necesitamos la interfaz de línea de comandos de Heroku (Heroku CLI) previamente instalada. Vaya a la terminal con los siguientes comandos:

sudo apt-get install software-properties-common
sudo add-apt-repository “deb https://cli-assets.heroku.com/branches/stable/apt ./”
curl -L https://cli-assets.heroku.com/apt/release.key | sudo apt-key add –
sudo apt-get update
sudo apt-get install heroku

* Estos comandos son solo para el sistema operativo Debian.

1.4 El siguiente paso es clonar nuestro repositorio de aplicaciones en nuestra máquina local. Para comenzar con la implementación, ejecute estos comandos dentro del directorio:

inicio de sesión de heroku
git add.
git commit -am “El silencio es oro”

* Inicie sesión con el correo electrónico y la contraseña de su Heroku.

1.5 Este último comando es el más importante ya que cargará y ejecutará su aplicación en Heroku:

git push heroku master

Puede seguir leyendo sobre el proceso de implementación en el próximo blog:

https://www.clickittech.com/clou

Tres son otras opciones también de lo que voy a sugerir. Pero dado que ha ido a hacer esta pregunta aquí en lugar de buscarla en Google, creo que también estará encantado de obtener una solución preparada para su problema.

La forma en que lo hago es activar un servidor rápido NodeJs express y servir su aplicación web de reacción en la ruta predeterminada. Aquí está el enlace a un repositorio de github que uso como iniciador. Simplemente reemplace la configuración de la aplicación Angular y otras cosas con su configuración de reacción.

kapilgorve / angularjs-boilerplate

Si te gustó mi respuesta o crees que te ayudó de alguna manera. Agradecería si presiona el botón de votación