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