El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència

HOME

En aquest exercici pràctic, aprendrem a desplegar una aplicació web utilitzant una plataforma com a servei (PaaS). Utilitzarem Heroku, un dels proveïdors de PaaS més populars, per desplegar una aplicació web senzilla creada amb Node.js. Aquest exercici ens permetrà entendre millor com funciona el desplegament d'aplicacions en una plataforma PaaS i quins són els passos necessaris per aconseguir-ho.

Objectius de l'Exercici

Configurar un entorn de desenvolupament local per a Node.js.
Crear una aplicació web senzilla amb Node.js.
Desplegar l'aplicació a Heroku.

Requisits Previs

Compte a Heroku: Si no tens un compte, pots registrar-te gratuïtament a Heroku.
Node.js i npm instal·lats: Pots descarregar i instal·lar Node.js des de nodejs.org.

Passos a Seguir

Configurar l'Entorn de Desenvolupament Local

Instal·lació de Node.js i npm

Si encara no tens Node.js i npm instal·lats, descarrega i instal·la la versió adequada per al teu sistema operatiu des de nodejs.org.

Verificació de la Instal·lació

Obre una terminal i executa les següents comandes per verificar que Node.js i npm s'han instal·lat correctament:

node -v
npm -v

Crear una Aplicació Web Senzilla amb Node.js

Inicialitzar un Nou Projecte

Crea una nova carpeta per al teu projecte i inicialitza un nou projecte Node.js:

mkdir my-web-app
cd my-web-app
npm init -y

Instal·lació de les Dependències Necessàries

Instal·la el paquet express per crear un servidor web senzill:

npm install express

Crear l'Aplicació Web

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, World!');
});

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

Provar l'Aplicació Localment

Executa l'aplicació localment per assegurar-te que funciona correctament:

node index.js

Obre el navegador i visita http://localhost:3000 per veure la teva aplicació en funcionament.

Desplegar l'Aplicació a Heroku

Instal·lació de l'Heroku CLI

Descarrega i instal·la l'Heroku CLI des de devcenter.heroku.com/articles/heroku-cli.

Iniciar Sessió a Heroku

Inicia sessió a Heroku des de la terminal:

heroku login

Crear un Nou Aplicatiu a Heroku

Crea un nou aplicatiu a Heroku:

heroku create

Afegir un Procfile

Crea un fitxer anomenat Procfile a l'arrel del teu projecte amb el següent contingut:

web: node index.js

Desplegar l'Aplicació

Inicialitza un repositori Git, afegeix els fitxers i desplega l'aplicació a Heroku:

git init
heroku git:remote -a <nom-del-teu-aplicatiu>
git add .
git commit -m "Initial commit"
git push heroku master

Verificar el Desplegament

Un cop completat el desplegament, Heroku proporcionarà un URL per a la teva aplicació. Visita aquest URL per veure la teva aplicació en funcionament.

Conclusió

En aquest exercici, hem après a desplegar una aplicació web senzilla utilitzant Heroku. Hem configurat un entorn de desenvolupament local, creat una aplicació amb Node.js i desplegat aquesta aplicació a Heroku. Aquest procés ens ha permès comprendre millor com funciona el desplegament d'aplicacions en una plataforma PaaS.

Errors Comuns i Consells

Error: Application Error a Heroku: Assegura't que el fitxer Procfile està correctament configurat i que el servidor escolta al port proporcionat per Heroku (process.env.PORT).
Error: Permission Denied en executar comandes Heroku: Verifica que has iniciat sessió correctament a Heroku amb heroku login.
Consell: Utilitza heroku logs --tail per veure els registres de l'aplicació i diagnosticar problemes en temps real.

Amb aquests coneixements, estàs preparat per desplegar aplicacions més complexes i explorar altres funcionalitats que ofereixen les plataformes PaaS.

Exercici Pràctic: Desplegament d'una Aplicació Web