Node.js har blivit ett av de mest populära valen för utveckling av serversidan sedan den första versionen för mer än ett decennium sedan. Även om det fortfarande är relativt nytt jämfört med PHP och annan backend-teknik, har det antagits allmänt av tekniska giganter som LinkedIn, PayPal, Netflix och mer.

Den här artikeln lär dig hur du kan bygga och köra din egen webbserver med Node.js och Express.js webbramverk.

Involverade tekniker och paket

Node.js är en JavaScript-runtime byggd på Chromes V8-motor som låter dig köra JavaScript-kod utanför webbläsaren. Traditionellt används JavaScript-programmeringsspråket för att manipulera Document Object Model (DOM), lägga till interaktivitet på webbplatser.

På grund av detta var JavaScript-kod begränsad till att köras enbart i webbläsaren eftersom DOM endast finns på webbsidor. Med Node.js kan du köra JavaScript på kommandoraden och på servrar. Därför är det viktigt att installera Node.js och npm på din maskin innan du börjar.

Å andra sidan är Express.js ett minimalistiskt webbramverk som har blivit det faktiska backend-ramverket för Node.js. Express.js är dock inte en nödvändighet. Du kan fortfarande använda den inbyggda 

instagram viewer
http modul av Node.js för att bygga din server. Express.js är byggt ovanpå http modul och ger ett enklare API med alla nödvändiga konfigurationer.

Bygga en webbserver

För att bättre organisera din kod kan du börja med att skapa en mapp där alla filer och beroenden finns. Eftersom Express.js inte är en inbyggd Node.js-modul måste du installera den med npm.

Läs mer: Vad är npm?

För att installera Express.js-paketet kör du kommandot npm installera express på din terminal eller kommandotolken. Se till att du är inne i projektkatalogen innan du installerar.

När du är klar kan du öppna mappen med en textredigerare eller IDE efter eget val och skapa en ny fil med namnet server.js. För att kunna använda Express.js-paketet måste du först importera och skapa en instans av det inuti server.js fil som så:

const express = kräver ('express');
const app = express ();

Huvudsyftet med en webbserver är att svara på förfrågningar som kommer in från olika rutter med lämplig hanterarfunktion. Den här koden hanterar alla GET-förfrågningar som gjorts till roten ("/") väg och svarar med "Hello World!"

app.get ('/', (req, res) => {
res.send ('

Hej världen

');
});

På samma sätt kan du visa dynamiskt innehåll och utföra andra åtgärder beroende på sökvägen och typen av begäran du gör. Detta kan göras med hjälp av ruttparametrar, betecknade med semikolon : framför parametern.

app.get ('/: name', (req, res) => {
res.send (`

Välkommen till $ {req.params.name}!

`);
};

I båda exemplen ovan representerar den första raden användningen av .skaffa sig() Metod för Express.js som tar in två parametrar: slutpunkten eller rutten och en återuppringningshanteringsfunktion som tar förfrågningar och svarsobjekt som parametrar. Dessa två parametrar skickas automatiskt när du gör en begäran.

I andra raden görs svaret via .skicka() metod på svarsobjektet. Inom parentesen kan du ange vilken text eller HTML du vill ha. När det gäller dynamiska rutter, åtkomst req.params.name (eftersom du har använt /:name) för begäranobjektet returnerar värdet för den dynamiska ruttparametern (namn I detta fall.)

Slutligen, för att börja lyssna på inkommande förfrågningar i en port kan du använda .lyssna() metod som tar portnumret och en valfri återuppringningsfunktion för att köras på lyckad körning

app.listen (5000, console.log ('Server körs på port 5000'));

Jag har använt port 5000 i exemplet, men du kan ändra den till valfri port. Det är all kod du behöver för att bygga en grundläggande webbserver med Node.js och Express.js. Samma koncept kan utökas ytterligare för att göra andra förfrågningar som POSTA, SÄTTA, eller RADERA till andra rutter. Så här gör server.js filen kommer att se ut:

ExpressJS-kod för webbserver

Testar servern

Kör koden för att köra koden och starta servern nodserver kommandot på din terminal eller kommandotolken i projektkatalogen. Detta kommer att utföra den återuppringningsfunktion som du angav på .lyssna() metod.

För att bekräfta att servern fungerar, öppna en webbläsare och besök http://localhost: 5000

På samma sätt om du besöker en dynamisk rutt som http://localhost: 5000 / muo, den andra hanteringsfunktionen körs och visar:

För att stoppa servern, tryck på Ctrl + C på Windows eller Cmd + C på macOS.

Node.js kan göra mer

JavaScript: s popularitet ökar kraftigt eftersom utvecklare använder den på både frontend och backend. Detta eliminerar behovet av att lära sig flera programmeringsspråk och hjälper dig att starta din resa som en full-stack webbutvecklare som bara använder JavaScript.

Om du bestämmer dig för att hellre ge Googles programmeringsspråk Go, är det ett bra startprojekt att bygga en baswebbserver.

E-post
Hur man bygger en grundläggande webbserver i Go

Ready, set, Golang: Kom igång med att bygga webbservrar med Go.

Läs Nästa

Relaterade ämnen
  • Programmering
  • JavaScript
  • Webbserver
Om författaren
Nitin Ranganath (8 artiklar publicerade)

Nitin är en ivrig programutvecklare och en datorteknikstudent som utvecklar webbapplikationer med JavaScript-teknik. Han arbetar som frilansande webbutvecklare och gillar att skriva för Linux och programmering på fritiden.

Mer från Nitin Ranganath

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!

Ett steg till…!

Bekräfta din e-postadress i e-postmeddelandet som vi just skickade till dig.

.