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 seuraava komento:

npm install express

Tämä vastaa Express.js:n tilaamista virtuaalisesta sovelluskaupasta, ja npm toimii toimituspalveluna.

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

Perusrakenne:

• 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 tämä tiedosto itse manuaalisesti.

Ensimmäisen Express-sovelluksen rakentaminen

Luo yksinkertainen verkkopalvelin Node.js:llä ja Express.js-kehyksellä. Noudata seuraavia vaiheita:

Vaihe 1: Expressin tuominen

Kirjastona Express 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 toiminnallisuuden määrittelyyn ja konfigurointiin.

const app = express();

Vaihe 3: Portin määrittäminen

Määritämme porttinumeron, jota palvelin kuuntelee. Tässä tapauksessa se on asetettu arvoon 3000, mutta voimme valita minkä tahansa vapaan portin.

const port = 3000;

Vaihe 4: Reitin määrittäminen

Määritämme reitin HTTP GET -pyyntöjen käsittelemiseksi juuriosoitteessa (/). Kun asiakas (yleensä verkkoselain) käyttää palvelimen juuriosoitetta, se vastaa tekstillä Hello, World!.

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

• app.get('/') – Tämä määrittää reitin GET-pyynnöille juuripolkuun (/). Voimme määrittää reittejä eri HTTP-metodeille (GET, POST, PUT, DELETE jne.);
• (req, res) => { ... } – Tämä on palautefunktio, 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: Palvelimen käynnistäminen

Käynnistetään palvelin ja asetetaan se kuuntelemaan määritettyä porttia (tässä tapauksessa portti 3000). Kun palvelin on onnistuneesti käynnistetty, se tulostaa konsoliin viestin, joka kertoo 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 käynnistäminen

Sovellus käynnistetään 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ä teksti Hello, World!.