En aquest tema, aprendrem com desplegar una aplicació Node.js a Heroku, una plataforma de núvol que permet als desenvolupadors construir, executar i operar aplicacions completament en el núvol. Heroku és conegut per la seva facilitat d'ús i la seva integració amb Git, cosa que fa que el procés de desplegament sigui molt senzill.

  1. Prerequisits

Abans de començar, assegura't de tenir els següents requisits:

  1. Configuració del Projecte

2.1. Crear un Projecte Node.js

Si no tens un projecte Node.js, pots crear-ne un de nou. A continuació, es mostra un exemple bàsic d'una aplicació Node.js amb Express:

mkdir my-heroku-app
cd my-heroku-app
npm init -y
npm install express

Crea un fitxer index.js amb el següent contingut:

const express = require('express');
const app = express();
const port = process.env.PORT || 3000;

app.get('/', (req, res) => {
  res.send('Hello, Heroku!');
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

2.2. Crear un Fitxer Procfile

Heroku utilitza un fitxer anomenat Procfile per saber com executar la teva aplicació. Crea un fitxer anomenat Procfile a l'arrel del teu projecte amb el següent contingut:

web: node index.js

2.3. Crear un Fitxer .gitignore

Crea un fitxer .gitignore per excloure fitxers i directoris innecessaris del teu repositori Git:

node_modules

  1. Desplegament a Heroku

3.1. Inicialitzar un Repositori Git

Inicialitza un repositori Git al teu projecte:

git init
git add .
git commit -m "Initial commit"

3.2. Crear una Aplicació a Heroku

Utilitza Heroku CLI per crear una nova aplicació:

heroku create

Això crearà una nova aplicació a Heroku i afegirà un remot Git anomenat heroku al teu repositori.

3.3. Desplegar l'Aplicació

Desplega la teva aplicació a Heroku utilitzant Git:

git push heroku master

3.4. Obtenir l'URL de l'Aplicació

Després de desplegar l'aplicació, pots obtenir l'URL de l'aplicació amb el següent comandament:

heroku open

Això obrirà el navegador web amb l'URL de la teva aplicació desplegada.

  1. Gestió de Variables d'Entorn

Heroku permet configurar variables d'entorn per a la teva aplicació. Pots afegir variables d'entorn utilitzant Heroku CLI:

heroku config:set MY_VARIABLE=my_value

Per accedir a aquestes variables d'entorn a la teva aplicació Node.js, pots utilitzar process.env:

const myVariable = process.env.MY_VARIABLE;

  1. Monitorització i Escalabilitat

Heroku ofereix eines per monitoritzar i escalar la teva aplicació. Pots veure els logs de la teva aplicació amb el següent comandament:

heroku logs --tail

Per escalar la teva aplicació, pots utilitzar el següent comandament:

heroku ps:scale web=2

Això augmentarà el nombre de dinasties (instàncies) de la teva aplicació.

Conclusió

En aquest tema, hem après com desplegar una aplicació Node.js a Heroku. Hem cobert els passos des de la configuració del projecte fins al desplegament i la gestió de variables d'entorn. Ara estàs preparat per desplegar les teves pròpies aplicacions a Heroku i aprofitar els avantatges del núvol.

Exercici Pràctic:

  1. Crea una aplicació Node.js bàsica amb Express.
  2. Desplega l'aplicació a Heroku seguint els passos descrits.
  3. Configura una variable d'entorn a Heroku i utilitza-la a la teva aplicació.

Solució:

  1. Segueix els passos descrits a la secció "Configuració del Projecte".
  2. Segueix els passos descrits a la secció "Desplegament a Heroku".
  3. Utilitza el comandament heroku config:set per configurar una variable d'entorn i accedeix-hi a la teva aplicació utilitzant process.env.

Amb això, hauràs completat el desplegament de la teva aplicació Node.js a Heroku!

Curs de Node.js

Mòdul 1: Introducció a Node.js

Mòdul 2: Conceptes Bàsics

Mòdul 3: Sistema de Fitxers i I/O

Mòdul 4: HTTP i Servidors Web

Mòdul 5: NPM i Gestió de Paquets

Mòdul 6: Framework Express.js

Mòdul 7: Bases de Dades i ORMs

Mòdul 8: Autenticació i Autorització

Mòdul 9: Proves i Depuració

Mòdul 10: Temes Avançats

Mòdul 11: Desplegament i DevOps

Mòdul 12: Projectes del Món Real

© Copyright 2024. Tots els drets reservats