Node.js er blevet et af de mest populære valg for serversidesudvikling siden dets oprindelige udgivelse for over et årti siden. Selvom det stadig er relativt nyt sammenlignet med PHP og andre backend-teknologier, er det blevet bredt vedtaget af tech-giganter som LinkedIn, PayPal, Netflix og mere.

Denne artikel vil lære dig, hvordan du kan opbygge og køre din egen webserver med Node.js og Express.js web framework.

Involverede teknologier og pakker

Node.js er en JavaScript-runtime bygget på Chrome's V8-motor, der giver dig mulighed for at udføre JavaScript-kode uden for browseren. Traditionelt bruges JavaScript-programmeringssproget til at manipulere Dokumentobjektmodel (DOM), tilføje interaktivitet til websteder.

På grund af dette var JavaScript-kode begrænset til kun at køre i browseren, da DOM kun findes på websider. Med Node.js kan du køre JavaScript på kommandolinjen og på servere. Derfor er det vigtigt at installer Node.js og npm på din maskine, før du kommer i gang.

På den anden side er Express.js en minimalistisk webramme, der er blevet de facto backend-rammen for Node.js. Express.js er dog ikke en nødvendighed. Du kan stadig bruge den indbyggede 

http modul af Node.js til at opbygge din server. Express.js er bygget oven på http modul og giver en enklere API med alle de nødvendige konfigurationer.

Opbygning af en webserver

For bedre at organisere din kode kan du starte med at oprette en mappe, hvor alle filerne og afhængighederne ligger. Da Express.js ikke er et indbygget Node.js-modul, skal du installere det ved hjælp af npm.

Læs mere: Hvad er npm?

For at installere Express.js-pakken skal du køre kommandoen npm installer ekspres på din terminal eller kommandoprompt. Sørg for, at du er inde i projektmappen, før du installerer.

Når du er færdig, kan du åbne mappen ved hjælp af en teksteditor eller IDE efter eget valg og oprette en ny fil med navnet server.js. For at bruge Express.js-pakken skal du først importere og oprette en forekomst af den inde i server.js fil sådan:

const express = kræve ('express');
const app = express ();

Hovedformålet med en webserver er at svare på de anmodninger, der kommer ind fra forskellige ruter, med den relevante handlerfunktion. Denne kode håndterer alle GET-anmodninger til roden ("/") sti og svarer med "Hello World!"

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

På samme måde kan du få vist dynamisk indhold og udføre andre handlinger afhængigt af stien og typen af ​​anmodning, du foretager. Dette kan gøres ved hjælp af ruteparametre, betegnet med semikolonet : foran parameteren.

app.get ('/: name', (req, res) => {
res.send (`
Velkommen til $ {req.params.name}!
`);
};

I begge eksempler ovenfor repræsenterer den første linje brugen af .få() metode til Express.js, der tager 2 parametre: slutpunktet eller ruten og en tilbagekaldshåndteringsfunktion, der tager anmodninger og svarobjekter som parametre. Disse 2 parametre sendes automatisk, når du fremsætter en anmodning.

I anden linje svares via .sende() metode på responsobjektet. Inden for parentesen kan du indtaste hvilken tekst eller HTML du vil have. I tilfælde af dynamiske ruter, adgang req.params.name (da du har brugt /:name) af anmodningsobjektet returnerer værdien af ​​den dynamiske ruteparameter (navn I dette tilfælde.)

Endelig, for at begynde at lytte til indgående anmodninger i en port, kan du bruge .Lyt() metode, der tager portnummeret og en valgfri tilbagekaldsfunktion til at køre ved vellykket udførelse.

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

Jeg har brugt port 5000 i eksemplet, men du kan ændre den til enhver gyldig port. Det er al den kode, du har brug for for at opbygge en grundlæggende webserver med Node.js og Express.js. Det samme koncept kan udvides yderligere til at stille andre anmodninger såsom STOLPE, SÆTTE, eller SLET til andre ruter. Sådan gør du server.js filen ser ud:

Test af serveren

For at udføre koden og starte serveren skal du køre node-server kommando på din terminal eller kommandoprompt i projektmappen. Dette udfører den tilbagekaldsfunktion, du har angivet på .Lyt() metode.

For at bekræfte, at serveren fungerer, skal du åbne en webbrowser og besøge http://localhost: 5000

Tilsvarende, hvis du besøger en dynamisk rute som f.eks http://localhost: 5000 / muo, den anden behandlerfunktion kører og viser:

Tryk på for at stoppe serveren Ctrl + C på Windows eller Cmd + C på macOS.

Node.js kan gøre mere

JavaScript popularitet stiger kraftigt, da udviklere bruger det på frontend såvel som backend. Dette eliminerer behovet for at lære flere programmeringssprog og hjælper dig med at kickstarte din rejse som en full-stack webudvikler, der kun bruger JavaScript.

Hvis du beslutter dig for, at du hellere vil give Googles programmeringssprog en chance, er det et godt startprojekt at opbygge en grundlæggende webserver.

Sådan opbygges en grundlæggende webserver i Go

Klar, sæt, Golang: Kom godt i gang med at opbygge webservere med Go.

Læs Næste

Om forfatteren