¿Cómo implementar la aplicación Node.js en Heroku desde GitHub?

En este artículo, veremos cómo implementar su aplicación Demo Node.js en Heroku . Al final de este artículo, tendremos una aplicación Hello World básica ejecutándose en un dominio público al que cualquiera puede acceder. El Node debe estar instalado en su máquina. Consulte este artículo Cómo instalar Node en su máquina. También vamos a usar la cuenta de Github .

Paso 1 : Instalar Nodemon y Express Module en la carpeta del proyecto

Instalación del módulo express :

npm install express

Instalación del módulo nodemon :

npm install nodemon

Paso 2: Crear el archivo package.json en la carpeta del proyecto usando el comando npm init:

Estos dos comandos son importantes para ejecutar y ejecutar dinámicamente el código después de los cambios realizados en su aplicación Node.js, respectivamente.

"start": "node app.js",
"dev": "nodemon app.js"

Configuración del archivo package.json 
 

{
    "name": "demoapp",
    "version": "1.0.0",
    "description": "",
    "main": "app.js",
    "scripts": {
        "start": "node app.js",
        "dev": "nodemon app.js"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
        "express": "^4.17.1",
        "nodemon": "^2.0.6"
    }
}

Estructura del proyecto:

aplicación.js

Javascript

// Importing express module
const express = require('express');
const app = express();
 
// Getting Request
app.get('/', (req, res) => {
 
    // Sending the response
    res.send('Hello World!')
    
    // Ending the response
    res.end()
})
 
// Establishing the port
const PORT = process.env.PORT ||5000;
 
// Executing the server on given port number
app.listen(PORT, console.log(
  `Server started on port ${PORT}`));

Comando de ejecución:

nodemon app.js

Salida de la consola:

Salida del navegador: Ahora, si abrimos http://localhost:5000/ en su navegador, veremos esto: 
 

Acabamos de crear una aplicación básica de Node.js.

Implementación de la aplicación Node.js

Paso 3: enviar la aplicación Node.js a GitHub: Cree un nuevo repositorio en GitHub haciendo clic en Nuevo repositorio en la pestaña. GitHub creará un repositorio y también dará algunas instrucciones para clonar el proyecto. 
 

En el símbolo del sistema, ejecute los siguientes comandos para enviar su proyecto al nuevo Repositorio.

git init
git add . 
git commit -m “first commit”
git push — set-upstream origin master
git remote add origin https://github.com/pallavisharma26/DemoApp
git push — set-upstream origin master
  • Ahora, si abre GitHub y actualiza el repositorio, debería poder ver el código que agregó recientemente.

Paso 4: Implementación de la aplicación Node.js en Heroku

  • Crear una cuenta gratuita en Heroku
  • Después de completar todos los procesos, inicie sesión en su cuenta.
  • Haga clic en » Crear nueva aplicación «.
  • Abra la pestaña Implementar y desplácese hasta la sección «Método de implementación» de la pestaña.
  • Seleccione GitHub como método. Mostrará una opción «Conectar a GitHub» donde agregamos proporcionar nuestro repositorio de GitHub. Si lo está haciendo por primera vez, Heroku le pedirá permiso para acceder a su cuenta de GitHub, debe permitirlo. Aquí, puede buscar su repositorio de GitHub y hacer clic en conectar para crear una conexión.
  • Después de eso, aparecerá la sección Implementación donde puede seleccionar recogerlos e implementar o Implementación manual, haga clic en Habilitar implementaciones automáticas. 
     

  • Ahora tenemos que decirle a Heroku que nuestra aplicación es una aplicación NodeJS.
  • Abra la pestaña Configuración, desplácese hacia abajo y haga clic en «Agregar paquete de compilación»
     

  • Seleccione NodeJS de las opciones y haga clic en Guardar cambios . Ahora, regrese a la pestaña Implementar y haga clic en Implementar sucursal en la parte inferior.
  • Heroku tomará el código y lo alojará. Abra la pestaña Actividad y allí podrá ver el progreso: 
     

  • Ahora abra el desplazamiento de la pestaña Configuración y busque Dominio. Podemos ver una URL si copiamos, pegamos y ejecutamos en el navegador, podemos ver nuestra aplicación implementada
     

Esta es una aplicación sencilla , podemos implementar cualquier proyecto avanzado en Heroku sin instalarlo en nuestro escritorio o máquina.

Publicación traducida automáticamente

Artículo escrito por _sh_pallavi y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *