Configuració dun servidor web Express.js a Ubuntu 16.04 LTS

En aquest tutorial, instal·larem un servidor web bàsic Express.js, utilitzant Node.js, un temps d'execució de Javascript basat en el motor V8 de Chrome, al nostre Vultr VPS amb Ubuntu 16.04. Si no ho sabeu, Express.js és un marc Node.js mínim i flexible que us ofereix el poder d'escriure aplicacions web. Realment mostra el que Node.js pot fer en termes de desenvolupament web. Així que sense més preàmbuls, comencem!

Instal·lant Node.js

Per començar, primer haureu d'instal·lar Node.js, que serà el backend del nostre lloc Express. Per instal·lar-lo a Ubuntu 16.04, primer haurem d'afegir el dipòsit de la darrera versió. Per fer-ho, escriviu el següent:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

El que fa, és que agafa els darrers paquets 8.x de nodesource.com i el configura com a repositori APT. Quan acabi, executeu el següent per instal·lar Node:

sudo apt-get install -y nodejs build-essential

El que està fent és instal·lar el mateix Node.js i agafa build-essential, que són algunes eines que necessiteu per compilar mòduls. Un cop fet això, crearem un nou projecte Node. Primer, assegureu-vos que esteu al vostre /homedirectori.

/home/yourname

Per comprovar-ho, només pwdhas d' escriure el teu terminal i, si veus /home/yourname, ja estàs a punt! Aleshores, utilitzarem la funció init de npm per crear un lloc package.jsonon es farà un seguiment de tots els nostres mòduls. Per fer-ho, escriviu npm initel vostre terminal. Seguiu totes les instruccions i veureu això quan hàgiu acabat:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

A continuació, feu clic a Intro per confirmar.

Instal·lació d'Express

A continuació, instal·larem el nostre mòdul Express. Per fer-ho, només cal que escriviu:

npm install express

Espereu fins que s'acabi d'instal·lar.

Per fer-nos la vida més fàcil, utilitzarem un petit mòdul ordenat anomenat express-generator. El que això farà és que ens generarà un lloc web esquelet, fent-nos la vida molt més fàcil. S'ocupa de les coses bàsiques, com rutes, etc. Per instal·lar Express Generator, simplement escriviu:

npm install express-generator -g

Especifiquem la -gbandera, que vol dir que serà global, i la podem utilitzar a tot el nostre sistema. Un cop acabem d'instal·lar-lo, haurem de prendre una decisió. Hem de triar quin motor de renderització volem utilitzar per al nostre projecte. Per a la brevetat, utilitzarem ejsen aquest tutorial, que és un motor de renderització fantàstic que us recomano que us estudieu més. Per configurar el nostre projecte nu, només cal que escriviu:

express -v ejs mysite

Això crearà una nova carpeta dins del nostre projecte existent, amb el nom mysite. Ara, per assegurar-vos que tenim tots els mòduls necessaris per al projecte, executeu l'ordre següent.

npm install

Ara que tenim la configuració bàsica del lloc web, podem començar-la! Per iniciar el lloc web, amb un port bàsic, simplement escriviu:

DEBUG=mysite:* npm start

Ara començarà el lloc web. L'únic problema és que no podreu veure el lloc web, ja que esteu utilitzant un terminal. Per veure la pàgina d'exemple, haurem d'especificar una adreça IP al servidor HTTP, que serà l'adreça IP del nostre VPS. Per obtenir la vostra adreça IP, simplement aneu al vostre tauler Vultr VPS i feu clic a la pestanya servidors. Hauria d'estar just a sota del nom del servidor, a la part inferior. Per exemple: "Servidor de 1024 MB - la teva IP". Copieu aquesta adreça IP i mantingueu-la a prop, perquè la necessitarem. A continuació, torneu al vostre servidor i canvieu el vostre directori a la carpeta bin.

cd mysite/bin

Això suposa que heu creat la carpeta al vostre directori d'inici. Editeu el fitxer dins: el wwwfitxer. Per fer-ho, utilitzarem l'editor integrat, Nano.

nano www

Un cop dins, aneu a aquesta línia:

server.listen(port);

Afegiu la vostra adreça IP a aquesta línia. Editeu-lo perquè quedi així:

server.listen(port, 'your ip here');

A continuació, premeu "control-o" al teclat i "enter" per desar. Premeu "control-x" per sortir. Ara ja estem preparats per iniciar el nostre servidor. Simplement escriviu la mateixa ordre que hem escrit abans per provar-la:

DEBUG=mysite:* npm start

La consola ara sortirà el port on està escoltant. Feu un seguiment d'aquest port, ja que el necessitareu. Per veure el vostre lloc, obriu el vostre navegador web i navegueu a l'URL següent.

http://yourIP:port

Per exemple, podria semblar així:

http://192.0.2.0:3000

Si tot ha anat bé, veuràs "Benvingut a Express" a la pantalla!

I ja has acabat! Heu creat el vostre primer lloc Express amb Node.js, amb un Vultr VPS. Per obtenir més informació sobre Express i què podeu fer amb ell, us recomano anar al seu lloc a http://expressjs.org , i al lloc web d'EJS a http://ejs.co , on podeu llegir-ne el documentació i creeu el vostre propi lloc assassí!