Bootcamp i backendutveckling med Node.js · Lektion

Grunderna i Express.js-ramverket

Kom igång med Express.js genom att konfigurera en grundläggande server och hantera HTTP-förfrågningar och svar.

Lektion 1 av 412 steg

Grunderna i Express.js-ramverket är en gratis lektion i Bootcamp i backendutveckling med Node.js på CoddyKit. Detta är lektion 1 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Bootcamp i backendutveckling med Node.js, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Bootcamp i backendutveckling med Node.js innehåller totalt 4 lektioner.

Upptäck Express.js

Express.js är ett minimalt och flexibelt ramverk för webbaserade Node.js-applikationer.

Det erbjuder en robust uppsättning funktioner för webb- och mobilapplikationer.

Tänk på det som en verktygslåda som förenklar utvecklingen av kraftfulla serverapplikationer med Node.js.

Fördelar med Express.js

Express.js gör backendutveckling snabbare och enklare. Här är varför:

Routing: Definiera enkelt hur appen svarar på olika URL:er.
Middleware: Lägg till funktioner som bearbetar förfrågningar innan de når dina routes.
Mallhantering: Integrera med olika mallmotorer för dynamiskt innehåll.
Prestanda: Det är lättviktigt och snabbt och bygger på Node.js icke-blockerande I/O.

Initiera ditt Node.js-projekt

Innan du installerar Express behöver du ett Node.js-projekt. Vi använder npm init för att skapa en package.json-fil.

Filen håller reda på projektets metadata och beroenden.

Öppna terminalen i en tom mapp och kör:

npm init -y

Flaggan -y svarar "ja" på alla frågor och skapar en standardiserad package.json.

Lägg till Express i projektet

Nu när projektet är konfigurerat installerar vi Express.js. NPM (Node Package Manager) hanterar detta åt oss.

Kör följande kommando i projektets terminal:

npm install express

Kommandot laddar ned Express och dess beroenden, lägger till dem i mappen node_modules och listar Express i package.json.

Grundläggande serverkonfiguration

Varje Express-applikation börjar med att importera Express-modulen och skapa en app-instans.

Det här app-objektet används för att konfigurera routes och starta servern.

Här är grundstrukturen:

const express = require('express');
const app = express();

Hantera HTTP GET-förfrågningar

Routes avgör hur applikationen svarar på klientförfrågningar till en specifik slutpunkt (URL) och HTTP-metod (till exempel GET eller POST).

För en enkel webbsida använder vi ofta GET-förfrågningar för att hämta data.

Metoden app.get() tar två argument: sökvägen (till exempel '/' för startsidan) och en callback-funktion.

app.get('/', (req, res) => {
  // Handle request and send response here
});

Svara på förfrågningar

Inuti callback-funktionen för din route får du två objekt: req (förfrågan) och res (svaret).

Objektet res har metoder för att skicka svar tillbaka till klienten. Den enklaste är res.send().

Den kan skicka olika typer av svar, till exempel HTML, JSON eller vanlig text.

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

Låt appen lyssna

Slutligen måste Express-appen lyssna efter inkommande förfrågningar på en specifik port.

Metoden app.listen() binder applikationen till en port på den lokala värddatorn. En vanlig port under utveckling är 3000.

När appen körs kan du öppna den i en webbläsare på http://localhost:3000.

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

Kör din första Express-app!

Här är ett komplett, körbart exempel på en enkel Express-server. Spara det som app.js och kör det med node app.js.

Besök sedan http://localhost:3000 i webbläsaren!

const express = require('express');
const app = express();
const PORT = 3000;

app.get('/', (req, res) => {
  res.send('Welcome to CoddyKit Express!');
});

app.listen(PORT, () => {
  console.log(`Server running on http://localhost:${PORT}`);
});

Fler slutpunkter!

Ditt API kommer inte bara att ha en sida! Du kan definiera flera routes för olika sökvägar.

Varje app.get(), app.post() och så vidare skapar en ny slutpunkt.

Försök lägga till en /about-route i filen app.js.

app.get('/about', (req, res) => {
  res.send('This is the About page.');
});

Express-serverquiz

Studera följande kodexempel i Express.js:

const express = require('express');
const app = express();
const PORT = 5000;

app.get('/', (req, res) => {
  res.send('Home Page');
});

app.get('/api', (req, res) => {
  res.send({ message: 'API data' });
});

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

Besvara frågan i den interaktiva lektionen

Grunderna i Express.js

Bra jobbat! Du har lärt dig grunderna i Express.js:

Vad Express.js är och varför det är användbart.
Hur du konfigurerar ett Node.js-projekt och installerar Express.
Hur du skapar en grundläggande Express-applikationsinstans.
Hur du definierar routes med app.get().
Hur du skickar svar med res.send().
Hur du startar servern med app.listen().

Härnäst går vi igenom mer avancerade routing- och middleware-koncept!

Gratis att börja

Lär dig JavaScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 22
Lektioner: 92

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Grunderna i Express.js-ramverket” gratis?

Ja – hela texten till ”Grunderna i Express.js-ramverket” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Bootcamp i backendutveckling med Node.js, kan Ni uppgradera till CoddyKit PRO. Kursen i Bootcamp i backendutveckling med Node.js innehåller totalt 4 lektioner.

Vad lär jag mig i ”Grunderna i Express.js-ramverket”?

Kom igång med Express.js genom att konfigurera en grundläggande server och hantera HTTP-förfrågningar och svar. Ni övar på Bootcamp i backendutveckling med Node.js med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Bootcamp i backendutveckling med Node.js?

Du behöver inga förkunskaper. Utbildningen i Bootcamp i backendutveckling med Node.js på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.

Hur lång tid tar lektionen ”Grunderna i Express.js-ramverket”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Bootcamp i backendutveckling med Node.js-lektionen?

Ja. Varje Bootcamp i backendutveckling med Node.js-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

Grunderna i Express.js-ramverket
Routing och middleware i Express
Utforma RESTful API-endpoints
Hantera förfrågningsdata: body, query och parametrar

← Tillbaka till Bootcamp i backendutveckling med Node.js