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 toimituspalvelunamme.

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 – Luettelee projektin riippuvuudet ja skriptit;
• app.js tai index.js – Express-sovelluksen aloitustiedosto. Luodaan manuaalisesti itse.

🏗️ Ensimmäisen Express-sovelluksen rakentaminen

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

Vaihe 1: Expressin tuonti

Kirjastona se täytyy ensin tuoda tiedostoon:

const express = require('express');

Vaihe 2: Express-sovelluksen instanssin luominen

Luodaan Express-sovelluksen instanssi. Tätä app-muuttujaa käytetään palvelimen toiminnan määrittelyyn ja konfigurointiin.

const app = express();

Vaihe 3: Portin asettaminen

Määritellää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äärittely

Määritellään reitti HTTP GET -pyyntöjen käsittelyyn juuriosoitteessa (/). Kun asiakas (yleensä selain) käyttää palvelimen juuriosoitetta, vastauksena lähetetään Hello, World!.

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

• app.get('/') – Määrittelee reitin GET-pyynnöille juuripolkuun (/). Voimme määritellä reittejä eri HTTP-metodeille (GET, POST, PUT, DELETE jne.);
• (req, res) => { ... } – Tämä on palautefunktio, joka suoritetaan, kun asiakas tekee GET-pyynnön määriteltyyn 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

Palvelin käynnistetään ja asetetaan kuuntelemaan määritettyä porttia (tässä tapauksessa portti 3000). Kun palvelin on onnistuneesti käynnistetty, 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 pitäisi näkyä Hello, World!.