Luodaan ensimmäinen backend-sovellus Express.js:llä. Oletko valmis aloittamaan?

Express.js:n asentaminen

Luo uusi hakemisto sovellukselle ja avaa kansio koodieditorissa. Olemme valmiita aloittamaan. Suorita terminaalissa tämä komento:

npm install express

Se on kuin tilaisit Express.js:n virtuaalisesta sovelluskaupasta, ja npm toimii toimituspalveluna.

Tämän seurauksena sovelluksemme tiedosto- ja kansiorakenne näyttää tältä:

Perusprojektin rakenne:

• node_modules – Sisältää asennetut paketit;
• package.json ja package-lock.json – Listaa projektin riippuvuudet ja skriptit;
• app.js tai index.js – Express-sovelluksen aloituspiste. Luodaan manuaalisesti itse.

Ensimmäisen Express-sovelluksen rakentaminen

Yksinkertaisen web-palvelimen luominen Node.js:llä ja Express.js-kehyksellä. Noudata seuraavia vaiheita:

Vaihe 1: Expressin tuominen

Kirjastona se täytyy ensin tuoda tiedostoon:

const express = require('express');

Vaihe 2: Express-sovellusinstanssin luominen

Luodaan Express-sovelluksen instanssi. Tätä app-muuttujaa käytetään verkkopalvelimen toiminnan määrittämiseen ja konfigurointiin.

const app = express();

Vaihe 3: Portin asettaminen

Määritetään porttinumero, jota palvelin kuuntelee. Tässä tapauksessa portti on 3000, mutta voimme valita minkä tahansa vapaan portin.

const port = 3000;

Vaihe 4: Reitin määrittäminen

Määritetään reitti HTTP GET -pyyntöjen käsittelemiseksi juuriosoitteessa (/). Kun asiakas (yleensä verkkoselain) avaa palvelimen juuriosoitteen, palvelin vastaa tekstillä Hello, World!.

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

• app.get('/') – Määrittää reitin GET-pyynnöille juuripolkuun (/). Voimme määrittää reittejä eri HTTP-metodeille (GET, POST, PUT, DELETE jne.);
• (req, res) => { ... } – Paluufunktio, joka suoritetaan, kun asiakas tekee GET-pyynnön määritettyyn reittiin. Se ottaa kaksi argumenttia: req (pyyntöobjekti) ja res (vastausobjekti). Tässä tapauksessa se lähettää vastauksena tekstin Hello, World!.

Vaihe 5: Käynnistä palvelin

Käynnistä palvelin ja aseta se kuuntelemaan määritettyä porttia (tässä tapauksessa portti 3000). Kun palvelin on käynnistynyt onnistuneesti, se tulostaa viestin konsoliin, jossa ilmoitetaan, millä portilla se kuuntelee.

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

app.listen(port, ...) – Tämä metodi käynnistää palvelimen ja asettaa sen kuuntelemaan määritettyä porttia. Toinen argumentti on palautefunktio, joka suoritetaan, kun palvelin on käynnissä.

Vaihe 6: Sovelluksen suorittaminen

Sovellus suoritetaan terminaalissa käyttämällä node-komentoa.

node index

Skriptin suorittamisen jälkeen

Palvelin on käynnissä, ja siihen voidaan ottaa yhteys avaamalla verkkoselain ja siirtymällä osoitteeseen http://localhost:3000. Selaimessa tulisi näkyä Hello, World!.