Configurare un server Web Express.js su Ubuntu 16.04 LTS

• Installazione di Node.js
• Installazione di Express

In questo tutorial, installeremo un web server Express.js di base, usando Node.js, un runtime Javascript basato sul motore V8 di Chrome, sul nostro Vultr VPS che esegue Ubuntu 16.04. Se non lo sai, Express.js è un framework Node.js minimo e flessibile che ti dà il potere di scrivere applicazioni web. Mostra davvero cosa può fare Node.js, in termini di sviluppo web. Quindi, senza ulteriori indugi, iniziamo!

Installazione di Node.js

Per iniziare, devi prima installare Node.js, che sarà il backend per il nostro sito Express. Per installarlo su Ubuntu 16.04, dovremo prima aggiungere il repository per l'ultima versione. Per fare ciò, digitare quanto segue:

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

Ciò che fa è prendere gli ultimi pacchetti 8.x da nodesource.com e configurarlo come repository APT. Al termine, eseguire quanto segue per installare il nodo:

sudo apt-get install -y nodejs build-essential

Ciò che sta facendo è l'installazione di Node.js stesso e la cattura build-essential, che sono alcuni strumenti di cui potresti aver bisogno durante la compilazione dei moduli. Fatto ciò, creeremo un nuovo progetto Node. Innanzitutto, assicurati di essere nella tua /homedirectory.

/home/yourname

Per controllare, digita semplicemente il pwdtuo terminale e, se vedi /home/yourname, sei pronto! Quindi, useremo la funzione init di npm per creare un punto in package.jsoncui tutti i nostri moduli saranno tenuti traccia. Per farlo, digita il npm inittuo terminale. Segui tutte le istruzioni e vedrai questo al termine:

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

Quindi, fai clic su Invio per confermare.

Installazione di Express

Successivamente, installeremo il nostro modulo Express. Per farlo, basta digitare:

npm install express

Attendere fino al termine dell'installazione.

Per semplificare la vita, useremo un piccolo modulo ordinato chiamato express-generator. Ciò che farà sarà generare un sito web scheletro per noi, rendendo la vita molto più semplice. Si occupa delle cose di base, come percorsi e simili. Per installare Express Generator, digita semplicemente:

npm install express-generator -g

Specifichiamo la -gbandiera, il che significa che sarà globale e possiamo usarla in tutto il nostro sistema. Una volta terminata l'installazione, dobbiamo prendere una decisione. Dobbiamo scegliere quale motore di rendering vogliamo usare per il nostro progetto. Per brevità, useremo ejsin questo tutorial, che è un fantastico motore di rendering che consiglio vivamente di approfondire. Per impostare il nostro progetto nudo, basta digitare:

express -v ejs mysite

Questo renderà una nuova cartella all'interno del nostro progetto esistente, con il nome mysite. Ora, per assicurarci di avere tutti i moduli richiesti per il progetto, esegui il seguente comando.

npm install

Ora che abbiamo la configurazione di base del sito Web, possiamo avviarla! Per avviare il sito Web, con una porta di base, è sufficiente digitare:

DEBUG=mysite:* npm start

Il sito Web ora inizierà. L'unico problema è che non sarai in grado di vedere il sito Web, poiché stai utilizzando un terminale. Per visualizzare la pagina di esempio, dovremo specificare un indirizzo IP per il server HTTP, che sarà l'indirizzo IP del nostro VPS. Per ottenere il tuo indirizzo IP, vai sul pannello Vultr VPS e fai clic sulla scheda Server. Dovrebbe essere proprio sotto il nome del tuo server, in fondo. Ad esempio: "1024 MB Server - yourIP". Copia quell'indirizzo IP e tienilo vicino, perché ne avremo bisogno. Quindi, torna al tuo server e cambia la directory nella cartella bin.

cd mysite/bin

Ciò presuppone che tu abbia creato la cartella nella tua home directory. Modifica il file all'interno: il wwwfile. Per fare ciò, useremo l'editor integrato, Nano.

nano www

Una volta dentro, vai a questa linea:

server.listen(port);

Aggiungi il tuo indirizzo IP in quella riga. Modificalo in questo modo:

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

Quindi, premi "control-o" sulla tastiera e "invio" per salvare. Premi "control-x" per uscire. Ora siamo pronti per avviare il nostro server. Digita semplicemente lo stesso comando che abbiamo digitato in precedenza per testarlo:

DEBUG=mysite:* npm start

La console ora emetterà la porta su cui è in ascolto. Tieni traccia di questa porta, poiché ne avrai bisogno. Per visualizzare il tuo sito, apri il tuo browser web e vai al seguente URL.

http://yourIP:port

Ad esempio, potrebbe apparire così:

http://192.0.2.0:3000

Se tutto è andato bene, vedrai "Benvenuto in Express" sul tuo schermo!

E hai finito! Hai creato il tuo primo sito Express con Node.js, eseguendo un VPS Vultr. Per ulteriori informazioni su Express e su cosa puoi fare con esso, ti consiglio di visitare il loro sito http://expressjs.org e il sito Web EJS all'indirizzo http://ejs.co , dove puoi leggere sul documentazione e crea il tuo sito killer!