Has hecho el trabajo pesado y has creado una aplicaciòn web, ¬°felicitaciones! Una vez que haya creado su aplicaciòn web en su máquina local, el siguiente paso es ponerla en lìnea. Una vez que su aplicaciòn esté en lìnea, tendrá su propia direcciòn web para que pueda compartir lo que ha creado con el mundo.
En el mundo del software y el desarrollo web, a este proceso lo llamamos implementaciòn. En el ciclo de vida del desarrollo de software, la implementaciòn es la etapa posterior a la prueba. Si está interesado en aprender más sobre el ciclo, lea nuestro tutorial "¿Qué es SDLC?"
Una de las formas más populares de implementar una aplicaciòn web es utilizar Heroku. Heroku es una plataforma de aplicaciones en la nube que le permite alojar aplicaciones dinámicas escritas en una amplia gama de lenguajes, como JavaScript y Python.
En este tutorial, le ense√±aremos còmo implementar un aplicaciòn a Heroku. Veremos còmo configurar Heroku en su lìnea de comando y còmo implementar su proyecto en la plataforma Heroku.
¿Quién deberìa usar Heroku?
La plataforma Heroku se especializa en Despliegue de aplicaciones web dinámicas. Si está creando un sitio estático utilizando HTML o CSS, probablemente deberìa considerar otra opciòn. Si no está creando una aplicaciòn web, Heroku tampoco es para usted.
Aquì hay algunas aplicaciones que podrìan implementarse en Heroku:
Una aplicaciòn de lista de tareas pendientes creada con Python Flask
Una aplicaciòn de seguimiento del tiempo creada con Ruby on Rails
Una aplicaciòn de microservicio Java
Una aplicaciòn de calendario personal creado con PHP
Un blog creado con Node.js
Configuraciòn de un proyecto
En este tutorial, vamos a implementar un Reaccionar la aplicaciòn a Heroku. Para simplificar las cosas, vamos a implementar la plantilla estándar create-react-app en Heroku. Esta es una plantilla que puede usarse como punto de partida para cualquier aplicaciòn React.
Esta parte del tutorial asume que tiene npm y Node instalados en su máquina. Puede pasar a la secciòn " Comenzar con Heroku " si ya tiene una aplicaciòn para implementar.
El 81% de los participantes afirmaron que se sentìan más seguros de sus perspectivas laborales de tecnologìa después de asistir a un bootcamp. Consiga que se le asigne un bootcamp hoy mismo.
El graduado promedio de un bootcamp pasò menos de seis meses en su carrera transiciòn, desde comenzar un bootcamp hasta encontrar su primer trabajo.
Para comenzar con create-react-app , podemos ejecutar estos comandos:
El primer comando instalará create-react-app e inicializará una aplicaciòn de muestra en la carpeta llamada heroku-demo-app . El segundo comando cambiará nuestro directorio de trabajo a esa carpeta para que podamos ejecutar nuestra aplicaciòn de demostraciòn recién creada.
El comando npm start nos dice que nuestra aplicaciòn ahora está disponible en localhost: 3000. Una vez que inicio la aplicaciòn localmente, puedo ver lo siguiente:
Comienza a Heroku
Ahora que tenemos y rsquo; ve consiguiò una solicitud de movilizaciòn, se puede iniciar el proceso de implementaciòn en Heroku. Antes de comenzar, debe crear una cuenta en la plataforma Heroku, lo que puede hacer desde su sitio web.
Hay varias formas de implementar una aplicaciòn en Heroku. Puede usar su interfaz web para implementar una aplicaciòn, usar la lìnea de comando o usar Git.
Para este tutorial, usaremos la lìnea de comando. Esto requiere instalar Heroku Toolbelt o Heroku CLI. Puede hacer esto siguiendo las instrucciones oficiales de instalaciòn de Heroku Toolbelt.
Inicie sesiòn en Heroku
Una vez que haya instalado Heroku Toolbelt en su shell de comandos, estará listo para comenzar. Primero, debe iniciar sesiòn en su cuenta de Heroku usando este comando:
Se le pedirá que ingrese su nombre de usuario y contrase√±a que se utilizan para autenticar su cuenta desde la lìnea de comando. & Nbsp;
Defina sus tipos de proceso
El siguiente paso es crear un archivo llamado Procfile. Esto definirá los tipos de proceso que le indican a Heroku còmo implementar su aplicaciòn. Puede crear un Procfile usando este comando:
Abra el Procfile en su texto favorito editor y luego agregue la lìnea de còdigo que le permite ejecutar su aplicaciòn. En este caso, debido a que estamos implementando una aplicaciòn React, vamos a insertar el siguiente comando en el archivo:
La parte web: de nuestro comando le dice a Heroku que cree una nueva instancia web para alojar nuestra aplicaciòn. npm start es el comando que Heroku debe usar para ejecutar nuestra aplicaciòn. < / p>
Lo que escriba aquì variará seg√∫n el tipo de aplicaciòn que esté implementando. Por ejemplo, puede usar web: flask run si está implementando una aplicaciòn Python Flask.
Cree una aplicaciòn
Una vez que haya configurado una Procfile, está listo para crear una aplicaciòn. Puede hacerlo ejecutando este comando:
Sustituya app-name-here por el nombre de su aplicaciòn. Una vez que se haya ejecutado este comando, verá una salida que se parece a esto:
Si navega hasta el dominio de su aplicaciòn, verá una página que dice que a√∫n no existe ninguna aplicaciòn. Esto se debe a que a√∫n no hemos implementado nuestra aplicaciòn en Heroku. Eso es lo que haremos en la siguiente secciòn.
Configure Git e implemente su aplicaciòn
Debe usar el comando Git para implementar su aplicaciòn en Heroku . Para hacerlo, tendremos que realizar más configuraciones.
Primero, inicialice un repositorio en la carpeta de su proyecto y confirme su còdigo:
Esto creará un repositorio Git en nuestra computadora local para nuestro proyecto y agregará todo nuestro còdigo a una confirmaciòn con el mensaje Push code . Una vez que hayamos ejecutado estos comandos, estamos listos para implementar nuestra aplicaciòn en Heroku.
"Career Karma entrò en mi vida cuando lo necesitaba la mayorìa y rápidamente me ayudò a emparejarme con un bootcamp. ¬°Dos meses después de graduarme, encontré el trabajo de mis sue√±os que se alineaba con mis valores y metas en la vida! "
Venus, ingeniero de software en Rockbot
Ejecute este comando para implementar su aplicaciòn en Heroku:
Pueden pasar unos minutos entre la ejecuciòn de este comando y su aplicaciòn en Internet disponible para que la gente la use.
Esto se debe a que Heroku necesitará instalar todas las dependencias para tu proyecto. Cuantas más dependencias tengas, más tiempo llevará este proceso. Sin embargo, después de implementar tu proyecto por primera vez, notarás que este proceso generalmente se acelera.
Una vez que La aplicaciòn se ha implementado, podemos navegar a la URL de nuestra aplicaciòn y verla en vivo en Internet:
Ese y rsquo; s él! Si está ejecutando una aplicaciòn que requiere configuraciòn adicional, es posible que deba usar el comando heroku run para configurar su aplicaciòn. Por ejemplo, es posible que deba usar heroku run para migrar la base de datos de su proyecto, si está usando una.
Conclusiòn
Heroku es un gran plataforma para implementar sus proyectos web dinámicos. Con Heroku, puede implementar una aplicaciòn web sin tener que crear su propio servidor. Heroku también tiene un plan gratuito favorable que le permitirá ejecutar una aplicaciòn gratis en la nube.
¬°Ahora está listo para comenzar a implementar sus aplicaciones en Heroku como un experto!
