Beginnersgids om aan de slag te gaan met Node.js

Beginnersgids Om Aan De Slag Te Gaan Met Node Js



Node.js heeft bewezen een krachtig hulpmiddel te zijn bij webontwikkeling en wint aan populariteit onder ontwikkelaars vanwege de efficiëntie, betrouwbaarheid en schaalbaarheid. Een basiskennis krijgen voordat je ergens in duikt en alles op één plek weten, is een behoorlijk gevoel. Als u een diepgaand begrip van Node.js wilt ontwikkelen, bent u hier aan het juiste adres. Na het lezen van dit artikel kunnen gebruikers beginnen aan hun reis om codescripts te schrijven in Node.js.

Dit bericht zal betrekking hebben op:

Wat is Node.js?

De meest gezochte zoekopdracht op de zoekmachine van Google is Wat is Node.js? De meest populaire vragen zijn: Is Node.js een programmeertaal? Is het een raamwerk? Is het een bibliotheek? Ter vereenvoudiging kan Node.js worden gedefinieerd als een runtime-omgeving die wordt ondersteund door een JS-bibliotheek.







Een bekende, open-source, platformonafhankelijke Javascript-runtime-omgeving is Node.js. Vanwege het aanpassingsvermogen kan het in elk project of elke toepassing worden gebruikt. Wat hem onderscheidt is het gebruik van de V8-motor, dezelfde motor die Google Chrome aandrijft. Dit maakt Node.js een optimale keuze voor scripting aan de serverzijde en het uitvoeren van codescripts buiten de ontwikkelomgeving.



Node.js verschilt nogal van andere programmeertalen op de server. Opgemerkt moet worden dat het geen backend-server of een webserver is. Solo kan het niets anders doen dan een verzameling modules helpen bij het maken van een schaalbaar project. Het draait op één server en genereert geen extra threads voor elk afzonderlijk verzoek. Bovendien worden niet-blokkerende paradigma's gebruikt om de meeste NodeJS-bibliotheken te schrijven, dus blokkerend gedrag is eerder uitzondering dan regel. Asynchrone I/O-primitieven zijn een kenmerk van de standaardbibliotheek van Node.js en zorgen ervoor dat JavaScript-code niet wordt geblokkeerd.



Wanneer Node.js een I/O-bewerking uitvoert, zoals het uitvoeren van ruwe bewerkingen via het netwerk, zal het de thread niet blokkeren en CPU-cycli verspillen die wachten om te reageren; in plaats daarvan zal het de bewerkingen hervatten nadat het antwoord is ontvangen.





Node.js eenvoudig voorbeeld

Een eenvoudig voorbeeld om het concept van Node.js te begrijpen, is door een webserver te maken en wat tekst te schrijven. Omdat het een introductie is tot Node.js, laten we de introregel toevoegen aan een webpoort:

const http = vereisen ( 'http' ) ;

const Server poort = 3000 ;

const server = http. creëerServer ( ( verzoek, res ) => {

res. status code = 200 ;

res. setHeader ( 'Inhoudstype' , 'tekst/gewoon' ) ;

res. einde ( 'Beginnersgids om aan de slag te gaan met Node.js! \N ' ) ;

} ) ;

server. luisteren ( Server poort, ( ) => {

troosten. loggen ( `Server draait op http : //localhost:${serverPort}/`);

} ) ;

In deze code:



  • “const http = require(‘http’)” importeert de http-module die helpt bij het creëren van HTTP-servers en het verwerken van de bijbehorende functionaliteiten.
  • “const serverPort = 3000” definieert de poort waarop de server zal werken.
  • “const server = http.createServer((req, res) => {})“ gebruikt de create server-methode van de http-module om een ​​server te creëren met een callback-functie waarbij twee argumenten nodig zijn, één is het verzoek en de andere is het antwoord dat wordt gegenereerd voor de aanvraag.
  • Binnen de callback-functie is de HTTPS-statuscode ingesteld op 200 en is het antwoordinhoudstype ingesteld op platte tekst. Bovendien geeft de webserver een bericht weer met de titel 'Beginnershandleiding om aan de slag te gaan met Node.js'.
  • “server.listen(serverPort, () =>{})” wordt aangeroepen om de server te starten en naar alle binnenkomende verzoeken op de server te luisteren. De callback-functie wordt aangeroepen na het starten van de server en geeft een bericht weer in de terminal om de poort weer te geven waarop de server is gestart.

Uitvoer

Gebruik onderstaande regel voor de uitvoering:

knooppunt App. js

Waar App.js is de naam van de applicatie.

De uitvoer in de terminal is:

Dit geeft aan dat de server is gestart en luistert naar de binnenkomende verzoeken. Om het antwoord op de server te controleren, gebruikt u de volgende link “ http://localhost:3000/ ”.

De uitvoer aan de serverzijde zou verschijnen als:

Hoe werkt Node.js?

Node.js is een platform waarmee servers veel verzoeken tegelijkertijd kunnen afhandelen. Hoewel het slechts één thread gebruikt om verzoeken af ​​te handelen, beheert het effectief invoer- en uitvoerbewerkingen door het gebruik van threads. Threads zijn een groep instructies die tegelijkertijd taken uitvoeren. Node.js werkt met een gebeurtenislus die taken bestuurt zonder te stoppen totdat de ene klaar is voordat de volgende wordt gestart.

Node.js-gebeurtenislus is een continue en semi-oneindige lus. Deze lus beheert de synchrone en niet-synchrone gebeurtenissen in Node.js. Zodra het Node.js-project wordt gestart, wordt de uitvoering geactiveerd, waardoor de moeilijke taken naadloos naar het systeem worden overgebracht. Hierdoor kunnen andere taken op de hoofdthread soepel verlopen.

Om het gedetailleerde concept van gebeurtenislussen in Node.js te begrijpen en te begrijpen, hebben we een speciaal artikel over dit onderwerp.

Node.js-verdiensten

Enkele belangrijke voordelen van Node.js zijn:

  • Schaalbaarheid : Vereenvoudigt de groei van apps in twee richtingen: horizontaal en verticaal.
  • Realtime webapps : het beste voor taken die snelle synchronisatie vereisen en die te veel belasting op HTTP voorkomen.
  • Snelheid : Voer taken snel uit, zoals gegevens in databases plaatsen of eruit halen, verbinding maken met netwerken of omgaan met bestanden.
  • Gemakkelijk te leren : Node.js is gemakkelijk te leren voor beginners omdat het Javascript gebruikt.
  • Caching-voordeel : Slaat slechts één deel op, dus het is niet nodig om code opnieuw uit te voeren wanneer daarom wordt gevraagd, cache is een snel geheugen en bespaart extra laadtijd.
  • Gegevensstreaming : Behandelt HTTP-verzoeken en -antwoorden als verschillende gebeurtenissen, waardoor de prestaties worden verbeterd.
  • Hosten : Gemakkelijk te plaatsen op websites als PaaS en Heroku.
  • Bedrijfsondersteuning : Gebruikt door grote bedrijven zoals Netflix, SpaceX, Walmart, enz.

Hoe installeer ik Node.js op Windows?

Omdat we Node.js-applicaties beginnen te ontwikkelen, moet als we een Windows-omgeving hebben, de Node.js-omgeving worden opgezet. Volg onderstaande stapsgewijze richtlijn om de Node.js-omgeving in te richten in een Windows-besturingssysteem.

Stap 1: Download het Node.js-installatiepakket

Ga naar de officiële website van Node.js Officiële Node.js-website en zorg ervoor dat u de nieuwste versie van Node.js downloadt. Controleer ook of de npm-pakketbeheerder ermee is geïnstalleerd, omdat deze een cruciale rol speelt bij het schalen van Node.js-applicaties.

Klik gewoon op Windows Installer en het downloaden begint. De gedownloade versie is 64-bit en de LTS-versie (Long Term Support) wordt aanbevolen. Voer het installatiepakket uit om Node.js te installeren.

Stap 2: Installeer Node.js en NPM-module op uw computer

Het volgende scherm verschijnt, dus klik op de knop Volgende:

Nadat u op Volgende heeft geklikt, verschijnt een nieuw venster waarin de gebruiker wordt gevraagd het pad in te voeren waar het de bedoeling is om de Node.js msi-bibliotheken te downloaden.

Selecteer nu in het onderstaande venster het gewenste pad en klik op de volgende knop:

Nadat u op deze knop Volgende hebt geklikt, krijgt u een venster met aangepaste instellingen waarin u wordt gevraagd het pakket te selecteren dat u wilt installeren. Selecteer in dit venster de npm-pakketbeheerder. Standaard is de Node.js-runtime geselecteerd. In de npm-pakketbeheerder worden zowel Node.js als het npm-pakket geïnstalleerd.

Klik ten slotte op de knop Installeren om aan de slag te gaan.

Stap 3: Controleer de geïnstalleerde versies

Het is van cruciaal belang om te weten welke versie is geïnstalleerd. Om dit te controleren, gaat u naar de zoekbalk van Windows en typt u de opdrachtprompt:

Nadat het opdrachtpromptvenster is geopend, typt u twee opdrachten ter verificatie.

Versie van Node.js

De Node.js-versie kan worden gecontroleerd met behulp van de volgende opdracht in de opdrachtprompt:

knooppunt - in

De geïnstalleerde versie zou verschijnen

NPM-versie

Gebruik de volgende opdracht voor de npm-versiecontrole:

npm - in

De versie voor npm zou in de terminal verschijnen.

Dat is alles, nu kunt u beginnen met het ontwikkelen van applicaties met de installatie van de Node.js-omgeving.

Niet alle gebruikers gebruiken Windows, dus het is wenselijk om aan de behoeften van iedereen te voldoen. Hieronder vindt u het proces voor het installeren van Node.js op Mac.

Hoe installeer ik Node.js op Mac?

Voor gebruikers die Mac gebruiken, is de installatie vrijwel hetzelfde voor Windows. Ga naar de officiële site van Node.js en download het pakket voor Mac.

Stap 1: Download Pakketbeheer voor Mac

Bezoek de officiële website van Node en download de MacOSInstaller van NodeJS:

https://nodejs.org/en/download/current

Klik op de aangegeven knop in het bovenstaande scherm om het downloaden te starten.

Gebruikers kunnen de locatie opgeven waar het moet worden geïnstalleerd.

Stap 2: Installeer het Node.js .pkg-bestand

Voer het installatiebestand uit en volg de installatiehandleiding:

Klik op de knop 'Installeren' en de installatie van Node.js begint.

Na voltooiing van de NodeJS-installatie verschijnt de samenvatting:

Klik op de knop “Sluiten” om de installatie te voltooien.

Stap 3: Controleer de installatie en versies van Node.js

Gebruik de volgende opdracht om te verifiëren dat Node.js is geïnstalleerd en om de versie ervan te controleren:

knooppunt -- versie

Stap 4: Upgrade NPM wereldwijd

Voer de onderstaande opdracht uit om NPM te upgraden voor alle systeemgebruikers met behulp van de vlag “–global”:

sudo apt install npm -- globaal

Stap 5: Stel het knooppuntpad in op $PATH Variabele

Voer de volgende opdracht uit om de PATH-variabele voor NodeJS in te stellen:

PATH exporteren =/ usr / lokaal / git / bak :/ usr / lokaal / bak : $PAD

Opmerking: In de bovenstaande opdracht is “/usr/local/bin” de locatie waar NodeJS standaard wordt geïnstalleerd.

Stap 6: Update PATH-details in “.bash\_profile”

Voeg de paddetails toe aan “~/.bash\_profile” met behulp van de onderstaande opdracht:

echo 'export PATH=/usr/local/bin:$PATH' >> ~ / . bashen \_profiel

Stap 7: Update het bestand ~/.bashrc

Om het voor alle gebruikers beschikbaar te maken, voert u de onderstaande opdracht uit:

bron ~ / . bashrc

Dat is het over het installeren van NodeJS en het instellen van de PATH-variabele in MacOS voor NodeJS.

Hoe installeer ik Node.js op Linux?

Om Node.js op een op Debian gebaseerd Linux-besturingssysteem te installeren, volgt u de onderstaande stapsgewijze procedure:

Stap 1: Open de terminal

Start eerst de terminal op met de sneltoets 'CTRL+ALT+T':

Stap 2: Update en upgrade het systeem

Voer de onderstaande opdracht uit om de repository van het systeem bij te werken en te upgraden:

sudo apt-update && sudo apt-upgrade - En

Stap 3: Installeer Node met behulp van de apt-pakketbeheerder

Nadat u de repository van het systeem hebt bijgewerkt, installeert u Node.js vanuit de officiële APT-pakketbeheerder met behulp van de opdracht:

sudo apt installeer nodejs

Stap 4: Controleer de knooppuntinstallatie

Nadat het is geïnstalleerd, verifieert u de installatie door de versie van Node.js te controleren met behulp van de onderstaande opdracht:

knooppunt - in

Stap 5: Installeer NPM

Het is een goede gewoonte om NPM samen met NodeJS te installeren, aangezien dit meestal nodig is. NPM is ook beschikbaar in de officiële APT-repository en kan worden geïnstalleerd met behulp van de gegeven opdracht:

sudo apt install npm

Stap 6: Controleer de NPM-installatie

Controleer ook de NPM-versie om de installatie van NPM te verifiëren met behulp van de volgende opdracht:

npm - in

Zo kunt u Node en NPM installeren op op Debian gebaseerde Linux-besturingssystemen.

Hoe het eerste Node.js-programma te schrijven? (Hallo Wereld)

Alles is klaar om te beginnen op weg naar het ontwikkelen van applicaties in Node.js. Laten we ons eerste programma maken dat heel gebruikelijk is. Wanneer iemand een nieuwe taal of een nieuw raamwerk begint te leren, is het eerste programma meestal het afdrukken van “Hallo wereld”. Om iedereen op een andere manier hallo te zeggen is een heel gevoel en hen vertellen over het begin van onze nieuwe reis. Hieronder vindt u de code om aan de slag te gaan:

// App.js

troosten. loggen ( 'Hallo Wereld!' ) ;

Om dit codescript uit te voeren, gebruikt u de volgende opdracht:

knooppunt App. js

Uitvoer

De verklaring Hello World wordt in de terminal geregistreerd:

Hoe knooppuntkernmodules importeren?

Gebruikers moeten de functie “require()” gebruiken om de gewenste module te gebruiken om aan te werken in hun codescript. Als bijvoorbeeld de module “fs” (Bestandssysteem) moet worden gebruikt, zal de importcoderegel er als volgt uitzien:

const fs = vereisen ( 'fs' )

Dit zou alle functionaliteiten van die module importeren en opslaan in de fs-variabele, wat een constante variabele is, wat betekent dat de inhoud ervan tijdens de runtime niet kan worden gewijzigd. Vervolgens kan de gebruiker met behulp van de variabele “fs” de gewenste functionaliteiten implementeren.

Laten we nu een eenvoudig codevoorbeeld maken waarin een module wordt geïmporteerd en de functionaliteit ervan wordt gebruikt in het codescript.

Voorbeeld: gebruik van de HTTP-module

const http = vereisen ( 'http' ) ;

// Eenvoudige HTTP-server

const httpServer = http. creëerServer ( ( verzoek, res ) => {

res. schrijfHoofd ( 200 , { 'Inhoudstype' : 'tekst/html' } ) ;

res. schrijven ( '' ) ;

res. schrijven ( '' ) ;

res. schrijven ( '' ) ;

res. schrijven ( '' ) ;

res. schrijven ( '' ) ;

res. schrijven ( 'Hallo wereld!' ) ;

res. schrijven ( '' ) ;

res. schrijven ( '' ) ;

res. schrijven ( '

Hallo wereld!

'
) ;

res. schrijven ( '' ) ;

res. schrijven ( '' ) ;

res. einde ( ) ;

} ) ;

// Luisteren op poort 3000

httpServer. luisteren ( 3000 , ( ) => {

troosten. loggen ( 'Server luistert op poort 3000' ) ;

} ) ;

In deze code:



  • “const http = require(‘http’)” importeert de inhoud van de http-module en slaat deze op in een constante variabele “http”.
  • “const httpServer = http.createServer((req, res) =>” creëert een eenvoudige HTTP-server en voegt de tekst Hello World toe samen met wat standaard HTML. de createServer-methode creëert een server met twee argumenten, één is het verzoek op de server en de tweede is het antwoord dat voor dat verzoek wordt gegenereerd.
  • “httpServer.listen(3000, () =>” specificeert poort 3000 op de lokale host en logt een bericht naar de terminal dat de server actief is en luistert op poort 3000.

Om de Node-app uit te voeren, voert u het JS-bestand uit met de node-opdracht, zoals hieronder weergegeven:

knooppunt App. js

Waar App.js de bestandsnaam is.







Uitvoer



Het bericht in de terminal bij het uitvoeren van deze code zou zijn:







Nu moeten we de uitvoer aan de serverzijde verifiëren en controleren of het bericht “Hallo Wereld” daar wordt afgedrukt of niet:



Het bericht is succesvol afgedrukt op de server en het lettertype is aangepast met behulp van wat eenvoudige HTML.

Node.js: kernmodules

Sommige modules van Node.js zijn:

  • http: het maakt het mogelijk om een ​​HTTP-server in Node.js te maken
  • beweren: een verzameling assert-functies helpt vooral bij het testen
  • fs: het maakt het mogelijk om bestandsbewerkingen uit te voeren
  • pad: een reeks methoden die zich bezighouden met bestandspaden
  • proces: het geeft informatie en bedieningselementen over het huidige Node.js-proces
  • Jij: het biedt informatie over het besturingssysteem
  • vraagtekenreeks: een hulpmiddel dat wordt gebruikt voor het parseren en opmaken van URL-queryreeksen
  • URL: deze module biedt hulpmiddelen voor URL-resolutie en parsering

Hoe NPM-pakketten installeren?

NPM (Node Package Manager) helpt bij het beheren en gebruiken van bibliotheken of tools van derden in het Node.js-project. Volg de onderstaande stappen om NPM-pakketten te installeren.

Stap 1: Installeer het gewenste pakket

Laten we de express-module installeren die vrij gebruikelijk is voor het ontwikkelen van webapplicaties in Node.js. Om Express te installeren, gebruikt u de opdracht:

npm install express

Deze opdrachtregel installeert de express-module in uw projectmap.

Stap 2: Sla de module op in Package.json

NPM werkt het bestand package.json automatisch bij met de nieuwe afhankelijkheid. Als u het expliciet wilt opslaan als een ontwikkeling van projectafhankelijkheid, gebruikt u de vlaggen –save-dev of –save.

npm install express -- redden - dev # Opslaan als ontwikkelingsafhankelijkheid

npm install express -- save # Opslaan als productieafhankelijkheid

Waarom zijn NPM-pakketten belangrijk?

De NPM-pakketten zijn erg belangrijk in de Node.js-ontwikkelomgeving. Hieronder vindt u de mogelijke redenen:

  • Herbruikbaarheid van code: NPM-pakketten houden de code bij die opnieuw kan worden gebruikt. Ze besparen ontwikkelaars tijd door geoptimaliseerde kant-en-klare methoden aan te bieden.
  • Afhankelijkheidsbeheer: NPM maakt het gemakkelijker om aan de projectvereisten te voldoen. De lijst met projectvereisten bevindt zich in het bestand package.json, waardoor het gemakkelijker wordt om de projectvereisten te gebruiken en te delen.
  • Gemeenschapsbijdrage: NPM helpt bij het opbouwen van een grote groep ontwikkelaars die hun werk delen zodat anderen het in veel vrije softwarepakketten kunnen gebruiken. Deze collectieve bijdrage versnelt de ontwikkelperiode van de applicatie.
  • Versiebeheer: Met NPM kunt u de pakketversie voor uw project noteren. Dit zorgt voor een soepele werking en afhandeling van benodigde wijzigingen.
  • Efficiëntie en consistentie: Het gebruik van efficiënte pakketten verbetert de projectefficiëntie en maakt het mogelijk de consistentie van de code binnen het hele ontwikkelteam te behouden.

Dat is het. U heeft niet alleen geleerd hoe u de gewenste pakketten installeert, maar begrijpt ook waarom deze pakketten vereist zijn in uw Node.js-ontwikkelomgeving.

Hoe aan de slag te gaan met Express JS?

Om efficiënte webapplicaties te maken wordt gebruik gemaakt van het Express.js framework. De “express” -module is geweldig voor het bouwen van webapplicaties in Node.js. Hieronder vindt u de procedure om aan de slag te gaan met dit pakket.

Stap 1: Express installeren

Om Express te installeren, gebruikt u de volgende opdracht in de terminal:

npm install express

De Express-module wordt geïnstalleerd als deze al is geïnstalleerd. Met deze opdracht wordt de module bijgewerkt

Stap 2: Testen van de express-module in een applicatie

De bovenstaande stap installeert express in de pakketmap en de gebruiker kan de module gebruiken door deze in het codescript te importeren door de module 'require' te gebruiken als

const nadrukkelijk = vereisen ( 'nadrukkelijk' )

Laten we een eenvoudig codescript testen dat de functionaliteit van de express-module gebruikt:

const nadrukkelijk = vereisen ( 'nadrukkelijk' ) ;

const app = nadrukkelijk ( ) ;

app. krijgen ( '/' , ( verzoek, res ) => {

res. versturen ( 'Hallo Express!' ) ;

} ) ;

const haven = 3000 ;

app. luisteren ( haven, ( ) => {

troosten. loggen ( `Server luistert op poort $ { haven } ` ) ;

} ) ;

In de bovenstaande code:

  • const express = vereisen(‘express’) ” importeert de express-module en slaat deze op in een constante variabele “express”, waarmee we de functies kunnen gebruiken die aan deze bibliotheek zijn gekoppeld.
  • const-app = express() ” wordt gebruikt om een ​​uitdrukkelijke toepassing te definiëren.
  • “app.get(‘/’, (req, res) =>” definieert de route voor de exprestoepassing om een ​​antwoord te verzenden “Hallo expres” op de uitdrukkelijke toepassing.
  • De poort 3000 is gespecificeerd in de constante variabele met de naam “port” op de lokale host.
  • “app.listen(poort, () =>” creëert een luisteraar op poort 3000 en registreert een bericht op de terminal dat de server luistert op de opgegeven poort.

Uitvoer

Gebruik de onderstaande opdracht om deze applicatie uit te voeren:

knooppunt App. js

De uitvoer in de terminal zou verschijnen als

De server is dus actief en luistert op poort 3000 van de lokale host. Als u die link in de browser opent, wordt de uitvoer weergegeven als

Dat gaat allemaal over de uitdrukkelijke module van hoe we het kunnen installeren, een applicatie kunnen maken en een serverpoort kunnen starten.

Hoe statische bestanden renderen in Express?

In Express wordt de functie express.static() gebruikt voor het renderen van statische bestanden zoals HTML, CSS, afbeeldingen, etc. Hieronder vindt u het proces om statische bestanden in Express weer te geven.

Stap 1: Maak een project

Zorg ervoor dat express is geïnstalleerd voordat u begint, zo niet, dan kunt u de volgende opdracht uitvoeren:

npm install express -- redden

Met deze opdracht wordt de express-module lokaal in de map node_modules geïnstalleerd en bijgewerkt in het bestand package.json.

Stap 2: Maak een bestand voor statische bestanden

Ten tweede maakt u een map in de werkmap. Maak een map met de naam public om de statische bestanden op te slaan die moeten worden weergegeven. Plaats alle statische HTML- en CSS-bestanden in deze map om ze weer te geven.

Stap 3: Express instellen om de statische bestanden weer te geven

Gebruik de methode express.static() om de map op te geven voor de statische bestanden die de gebruiker wil weergeven.

Bij het renderen van bestanden worden twee codescripts gebruikt, één voor de back-end die de HTML-code gebruikt die in de openbare map is geplaatst. De HTML-code is eenvoudig gehouden omdat onze nadruk vooral op de backend ligt.

Node.js-script

const nadrukkelijk = vereisen ( 'nadrukkelijk' ) ;

const app = nadrukkelijk ( ) ;

app. gebruik ( nadrukkelijk. statisch ( 'openbaar' ) ) ;

const haven = 3000 ;

app. luisteren ( haven, ( ) => {

troosten. loggen ( `Server luistert op poort $ { haven } ` ) ;

} ) ;

In deze code:

  • “const express = vereisen(‘express’)” importeert de express-module in het script om de functionaliteit ervan te gebruiken.
  • “const-app = express()” start de applicatie
  • “app.use(express.static(‘openbaar’))” specificeert de map waar de bestanden moeten worden opgehaald en biedt ze de uitdrukkelijke toepassing om ze te gebruiken en weer te geven.
  • De poort 3000 is gespecificeerd voor de uitdrukkelijke toepassing.
  • “:app.listen(poort, () =>” geeft aan dat de server actief is en luistert naar de opgegeven poort door het bericht te loggen.

HTML-script

DOCTYPEhtml >

< alleen html = 'in' >

< hoofd >

< meta-tekenset = 'UTF-8' >

< metanaam = 'uitkijk postje' inhoud = 'breedte=apparaatbreedte, initiële schaal=1,0' >

< titel > Statisch Rendervoorbeeld titel >

hoofd >

< lichaam >

< h1 > Express gebruiken om te renderen Statisch Bestanden h1 >

lichaam >

html >

In deze code wordt alleen een kop gemaakt omdat de focus op de backend ligt en niet op de frontend, maar er kunnen naar behoefte extra functionaliteiten worden toegevoegd.

Uitvoer

Voer nu het Node.js-script uit met de volgende code:

knooppunt App. js

Het volgende bericht wordt in de terminal geregistreerd, wat aangeeft dat de server gereed is en luistert op poort 3000.

Open de lokale hostpoort 3000 in de browser om het HTML-codescript te zien dat door de express-module wordt weergegeven

Dat is alles om statische bestanden in de express weer te geven. Laten we nu eens kijken hoe dynamische bestanden kunnen worden weergegeven.

Hoe dynamische bestanden renderen in Express?

Gebruikers kunnen de dynamische bestanden in Express weergeven met behulp van een sjabloonengine om HTML dynamisch te genereren op basis van gegevens. Het onderstaande sjabloon is EJS (Embedded Javascript), dat behoorlijk populair is om dynamische bestanden weer te geven.

Stap 1: Installeer EJS

Gebruik de volgende opdracht om de EJS in uw projectmap te installeren

npm installeer ejs -- redden

Stap 2: Express instellen met EJS

Stel de EJS-sjabloon in als weergave-engine in uw Node.js-bestand.

//App.js

const nadrukkelijk = vereisen ( 'nadrukkelijk' ) ;

const app = nadrukkelijk ( ) ;

const HAVEN = 3000 ;

app. set ( 'bekijk motor' , 'Nee' ) ;

app. gebruik ( nadrukkelijk. statisch ( 'openbaar' ) ) ;

app. krijgen ( '/gebruikersnaam' , ( verzoek, res ) => {

const gebruikersnaam = aanvr. parameters . ID kaart ;

const gebruikersgegevens = {

ID kaart : gebruikersnaam,

gebruikersnaam : `gebruiker$ { gebruikersnaam } `,

e-mail : `gebruiker$ { gebruikersnaam } @voorbeeld. met `,

} ;

res. veroorzaken ( 'gebruiker' , { gebruiker : gebruikersgegevens } ) ;

} ) ;

app. luisteren ( HAVEN, ( ) => {

troosten. loggen ( `Server draait op http : //localhost:${POORT}`);

} ) ;

De bewerkingen die door de bovenstaande code worden uitgevoerd, zijn:

  • “const express = require(‘express’)” importeert de express-module uit de knooppuntmodules.
  • “const app = express()” maakt een instantie voor de express-toepassing.
  • “app.set(‘view engine’, ‘ejs’)” configureert express met ejs-sjabloon om de bestanden dynamisch weer te geven.
  • “app.use(express.static(‘public’))” maakt het aanbieden van statische bestanden mogelijk die zijn opgeslagen in de openbare map van het Node-project.
  • “app.get(‘/user/:id’, (req, res) => {…})” definieert ar-citaten die naar verzoeken luisteren.
  • “res.render(‘user’, { user: userData })” rendert de EJS-sjabloonbestanden.
  • “app.listen(PORT, () => {…})” start de server op poort 3000 en de gebruiker kan “ typen http://localhost:3000/user/123 ” in de browser.

Stap 3: EJS-sjabloon

Er wordt een map met de naam “views” aangemaakt in de projectmap en in deze map wordt een EJS-sjabloonbestand “user.ejs” gemaakt. Dit bestand bevat de dynamische inhoud die de gebruiker wil weergeven. Plak de volgende code in dit bestand

DOCTYPEhtml >

< alleen html = 'in' >

< hoofd >

< meta-tekenset = 'UTF-8' >

< metanaam = 'uitkijk postje' inhoud = 'breedte=apparaatbreedte, initiële schaal=1,0' >

< titel > Gebruikersprofiel titel >

hoofd >

< lichaam >

< h1 > Gebruikersprofiel h1 >

< P > gebruikersnaam : <%= gebruiker. ID kaart %> P >

< P > Gebruikersnaam : <%= gebruiker. gebruikersnaam %> P >

< P > E-mail : <%= gebruiker. e-mail %> P >

lichaam >

html >

Omdat het hoofddoel is om de bestandsinhoud dynamisch weer te geven, is alleen de noodzakelijke frontcode gebruikt.

Stap 4: Start de server

De gebruiker kan nu de snelle toepassing starten met behulp van het volgende codefragment:

knooppunt App. js

Waarbij App.js de naam is van het bestand in de map. Na het uitvoeren van deze code geeft de terminal het volgende bericht weer

Nu kan de gebruiker de link gebruiken http://localhost:3000/user/123 in de browser en de inhoud wordt dynamisch weergegeven als

Dat is alles om de bestandsinhoud dynamisch weer te geven met behulp van de express-module in Node.js.

Conclusie

Het artikel legt Node.js van begin tot eind uit en laat zien hoe het werkt met zijn non-stop en op gebeurtenissen gebaseerde JavaScript-tijd voor tal van evenementen. Het kijkt naar Express, een bekende tool voor het bouwen van websites, en vermeldt ook NPM, en hoe je statische of dynamische informatie op een website kunt weergeven. Hoewel het artikel alles in detail bespreekt, is het een goede beginnershandleiding om meer te leren over Node.js.