Oppsett av en Express.js-applikasjon
Sveip for å vise menyen
La oss lage vår første backend-app med Express.js. Er du klar til å begynne?
Installere Express.js
Opprett en ny katalog for appen, og åpne mappen i kodeeditoren. Vi er klare til å starte. Kjør denne kommandoen i terminalen:
npm install express
Det er som å bestille Express.js fra en virtuell app-butikk, og npm er vår leveransetjeneste.
Som et resultat får vi denne fil- og mappestrukturen for appen vår:
Grunnleggende prosjektstruktur:
node_modules- Inneholder installerte pakker;package.jsonogpackage-lock.json- Viser prosjektavhengigheter og skript;app.jsellerindex.js- Startpunkt for Express-applikasjonen. Denne oppretter vi manuelt selv.
Bygg første Express-app
Opprett en enkel webserver ved hjelp av Node.js og Express.js-rammeverket. Følg disse stegene:
Steg 1: Importer Express
Som bibliotek må vi først importere det til filen vår:
const express = require('express');
Steg 2: Opprette en Express-applikasjonsinstans
Vi oppretter en instans av Express-applikasjonen. Denne app-variabelen brukes til å konfigurere og definere webserverens oppførsel.
const app = express();
Steg 3: Angi porten
Vi definerer portnummeret som serveren vår skal lytte på. I dette tilfellet er det satt til 3000, men vi kan velge et hvilket som helst tilgjengelig portnummer.
const port = 3000;
Steg 4: Definere en rute
Vi setter opp en rute for å håndtere HTTP GET-forespørsler til rot-URL-en (/). Når en klient (vanligvis en nettleser) får tilgang til serverens rot-URL, svarer den med Hello, World!.
app.get('/', (req, res) => {
res.send('Hello, World!');
});
app.get('/')– Dette definerer en rute for å håndtere GET-forespørsler til rotstien (/). Vi kan definere ruter for ulike HTTP-metoder (GET, POST, PUT, DELETE, osv.);(req, res) => { ... }– Dette er en callback-funksjon som kjøres når en klient sender en GET-forespørsel til den angitte ruten. Den tar to argumenter:req(forespørselsobjektet) ogres(responsobjektet). I dette tilfellet sender den ganske enkelt tekstenHello, World!som respons.
Steg 5: Start serveren
Start serveren og la den lytte på den angitte porten (i vårt tilfelle port 3000). Når serveren har startet, logger den en melding til konsollen som viser hvilken port den lytter på.
app.listen(port, () => {
console.log(`Server is running on port ${port}`);
});
app.listen(port, ...) – Denne metoden starter serveren og lytter på den angitte porten. Det andre argumentet er en callback-funksjon som kjøres når serveren er oppe og kjører.
Steg 6: Kjør appen
Kjør appen i terminalen ved å bruke node-kommandoen.
node index
Etter å ha kjørt skriptet
Serveren vår vil kjøre, og vi kan få tilgang til den ved å åpne en nettleser og navigere til http://localhost:3000. Du skal se Hello, World! vist i nettleseren.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår