Oppsett

Vi skal sette opp litt forskjellig først. La oss lage en ny, tom mappe. Åpne denne mappa med tekstbehandleren din (for min del, høyreklikk -> open with Code). I tekstbehandleren, lag en ny fil som du kaller server.js. Som vanlig kan du egentlig kalle fila hva du vil, så lenge det er en .js fil, men det er vanlig å kalle fila for server.js. I denne fila skal vi sette opp en server som lytter til innkommende forespørsler (requests), slik vi har gjort før:

let express = require('express') // importere express

Siden express ikke er en del av Node.js, så må vi gå til terminalen (ctrl+ø hvis du bruker vscode).

Men før vi installerer express, la oss gjøre dette:

$ npm init -y

Denne kommandoen oppretter en fil som heter package.json – som vi skal komme tilbake til senere. For nå, kan vi kjøre installasjonen av express:

$ npm install express

Som tidligere, så skjedde det to ting. Alle filene vi trengte for express har blitt lagt inn i den nyopprettede mappen node_modules. package.json ble også oppdatert til å inneholde express som en avhengighet i dette prosjektet.

    Sagt på en annen måte, så forteller package.json oss hvilke pakker man trenger for å kunne kjøre applikasjonen vår, og i lista over pakker ble express lagt til.

Tilbake i server.js kan vi legge til denne linja under den første: 

let app = express() // opprette en express-instans

Og to linjer under der, kan vi legge til:

app.listen(3000);

For en minimal start, kan vi også lage en get-rute, ved å lage en linje over app.listen:

app.get('/', function(req, res) {
  res.send("Hello, welcome to our app")
})

La oss lagre fila (ctrl+s) og kjøre fila fra terminalen, som vi har gjort tidligere:

$ node server

Hvis vi nå hopper over til nettleseren, og besøker localhost:3000, så vil vi se “Hello, welcome to our app.”. Og det er fint og flott, men ikke helt det vi ønsker å gjøre. Vi ønsker å sende tilbake HTML.