Eerste stappen met Node.js

Node.js is een alternatief dat webontwikkeling vereenvoudigt, in het verleden moesten verschillende talen worden geleerd om het deel van serververwerking, de Voorkant en besteed vervolgens talloze uren aan het opzetten van servers.
Met slechts één taal zoals die is JavaScript en dankzij de motor V8 ontwikkeld door Google, we hebben toegang om dezelfde taal toe te passen op server, Back-end Y Voorkant, dit leidt ertoe dat we minder tijd besteden aan het leren van verschillende vormen van syntaxis en ons dus concentreren op wat echt belangrijk voor ons is, namelijk het uitvoeren van onze ideeën.
VereistenOm de oefeningen en voorbeelden uit te voeren die in deze tutorial worden voorgesteld, hebben we een installatie nodig met de meest recente versie van: Node.js. Dit is heel gemakkelijk te verkrijgen, in dit geval gaan we het installatieprogramma gebruiken ramen dat we rechtstreeks van de officiële Node.js-website halen, het werkt zoals elk installatieprogramma en genereert vervolgens een directe toegang tot de console Node.js waar we de benodigde scripts kunnen uitvoeren.
Node.js Het stelt ons in staat om zeer efficiënte webservers te genereren zonder dat er grote configuraties nodig zijn, bovendien stelt de toepassing van dezelfde taal ons in staat om de scheiding van code tussen de applicatie en de service te vermijden. Om onze eerste server te maken, moeten we de volgende stappen volgen:
1- Eerst openen we de console Node.js en we plaatsen onszelf in een map waar we het kunnen uitvoeren, in die map gaan we een bestand maken met de naam server.jsDeze naam is niet nodig, maar het is een goede gewoonte om het bestand op te roepen dat de webserver op deze manier zal maken.
2- Zodra we het bestand hebben, installeren we via npm de applicatie leidinggevende, dit zal elke keer dat er een wijziging optreedt in het aangegeven bestand controleren, u moet de server onmiddellijk opnieuw opstarten, hiervoor hoeft u alleen het volgende commando in de console te plaatsen:

 npm install -g supervisor

Deze installatie zou er als volgt uit moeten zien wanneer we deze op onze console uitvoeren:

3- Zodra we al hebben geïnstalleerd leidinggevende laten we dit zogezegd laten luisteren voor wijzigingen in ons bestand server.js, hiervoor moeten we na installatie het volgende commando plaatsen:

 supervisor server.js

Omdat we nog steeds geen geldige code hebben, zullen we geen resultaten hebben in de console en zullen we een reeks berichten zien die dit aangeven, zoals we kunnen zien in de volgende afbeelding:

4- Nu we onze bases hebben, moeten we de code voor onze webserver maken, dit wordt ondersteund in de bibliotheek http van Node.js en hiermee kunnen we een functionele server maken met behulp van de methode maakServer (), dit moet gewoon een kleine inhoud opleveren, om de gewoonte die we gaan maken niet te verliezen "Hallo Wereld!", laten we de code bekijken die we in ons bestand zullen opnemen server.js:

 var http = vereisen ('http'); http.createServer (functie (verzoek, antwoord) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). luister (8082);

Zoals we eenvoudig zien met a vereisen wij importeren de http bibliotheek, dan met de methode createServer we genereren een webserver en met het object antwoord We maken de koptekst van het antwoord en ons bericht, om af te ronden, geven we aan onze server aan dat deze inkomende verbindingen via de poort moet accepteren 8082, waar bij het uitvoeren van ons voorbeeld in onze localhost in de aangegeven poort ziet het er als volgt uit:

5- Als we wijzigingen aanbrengen in het bestand server.js, dankzij leidinggevende de service neemt ze zonder de noodzaak om handmatig opnieuw op te starten Node.js, dus alleen door de browser te vernieuwen, zullen onze wijzigingen met weinig moeite worden weergegeven.
Zoals we in het begin al zeiden, Node.js Het stelt ons in staat om statische inhoud rechtstreeks vanuit onze serverapplicatie te serveren, dit wordt als een voordeel getoond wanneer we applicaties willen ontwikkelen met een monolithische kern, dat wil zeggen zonder fragmentatie of scheuren door het gebruik van verschillende technologieën.
Om deze tutorial uit te voeren, gaan we een reeks bestanden maken in een map met de naam inhoud, de bestanden die moeten worden gemaakt, zijn de volgende:
index.htmlHet zal het initiële bestand zijn en standaard zal het een basisstructuur bevatten HTML.
style.cssHet is ons bestand met stijlbladen, we gaan met dit bestand het uiterlijk van onze applicatie wijzigen.
script.jsHier kunnen we zien hoe we onze gebruikelijke scripts kunnen gebruiken in JavaScript ondanks het uitvoeren van onze applicatie in Node.js.
Nu we onze bestanden hebben gedefinieerd, laten we de inhoud van elk bekijken, voor het bestand index.html we zullen het volgende opnemen:

 Onze eerste Node.js-server Hallo wereld 

Zoals we kunnen zien is het een eenvoudige pagina met een basisstructuur waar we de externe bestanden noemen stijlen.css Y script.js, en in het lichaam plaatsen we een eenvoudige boodschap. Dan in ons bestand stijlen.css waarmee we het uiterlijk van onze pagina kunnen aanpassen, moeten we de volgende regels code plaatsen:

 #hallo {lettergrootte: 5em; achtergrond: grijs; kleur: groen; opvulling: 0,5em}

Eindelijk in het bestand script.js We gaan een code plaatsen die een melding geeft wanneer de pagina volledig is geladen, deze code is als volgt:

 window.onload = function () {alert ('Eureka Works!'); };

Om alles op één plek te hebben en de orde in onze ontwikkeling te behouden, gaan we deze bestanden hosten in een map met de naam inhoud.
Wat missen we?Zodra dit is gebeurd, hoeven we alleen de server te bouwen, het eerste wat we moeten doen is de juiste bibliotheken opnemen, in dit geval hebben we degene nodig die we al kennen, namelijk http, bovendien hebben we nodig pad dat is om routes te bouwen en tot slot fs die voor de bestandsservice is.
We gaan naar ons archief server.js die aan de basis van ons project moet liggen en nu binnen ons blok van maakServer () we gaan aangeven dat de URL stroom als basis en met een object van fs We gaan valideren of de bestanden bestaan, in het geval dat ze niet bestaan, gooien we een foutmelding 404 bestand niet gevonden. Laten we eens kijken naar de code van de hierboven beschreven functionaliteit:

 var http = vereisen ('http'); var pad = vereisen ('pad'); var fs = vereisen ('fs'); http.createServer (function (request, response) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, function (bestaat) {console.log (bestaat? zoekbestand + "indien bestaat": zoekbestand + "bestaat niet");});}). luister (8082);

Het probleem dat we hebben is dat dit ons nog steeds niet helpt om de bestanden te serveren, daarom moeten we een methode gebruiken van: fs waarmee we de bestanden kunnen lezen en hiermee naar de browser kunnen sturen zoals we kunnen zien in de volgende code:

 var http = vereisen ('http'); var pad = vereisen ('pad'); var fs = vereisen ('fs'); http.createServer (functie (verzoek, reactie) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; var mimeTypes = {'.js ':' text / javascript ',' .html ':' text / html ',' .css': 'text / css'}; fs.exists (f, functie (bestaat) {if (bestaat) {fs.readFile (f, functie (err, data) {if (err) {response.writeHead (500); response.end ('Serverfout'); return;} var headers = {'Content-type': mimeTypes [pad .extname (search_file)]}; response.writeHead (200, headers); response.end (data);}); return;} response.writeHead (404); response.end ();});}). luister (8082 );

Zoals we nu zien met de methode leesBestand () we kunnen eerst valideren of er geen serverfout is in uw Bel terug en ten tweede kunnen we het type bestand dat we willen serveren uit de lijst met typen halen, hiermee kunnen we de header genereren HTTP nodig zodat de browser de gegevens niet op zijn eigen manier hoeft te interpreteren.
Als geen van de acties een resultaat oplevert, moeten we de browser een reactie sturen 404, op deze manier zullen we het verzoek verbreken en zullen we de gebruiker aangeven dat wat ze zoeken niet in het opgegeven pad staat. Zoals we in het vorige voorbeeld deden, zullen we vertellen Node.js dat de poort waar de verzoeken naartoe moeten worden gebracht de 8082, wat een poort is die meestal gratis is en dus geen conflicten heeft met andere services. Ten slotte schrijven we het antwoord van het bestand en voeren we onze leidinggevende nogmaals voor het geval we de service hebben gestopt, zoals we kunnen zien in de volgende afbeelding:

Zodra dit is gebeurd, gaan we naar onze browser en voeren het uit op poort 8082 en we kunnen de uitvoer van ons programma zien die eruit zou moeten zien als de volgende afbeelding:

VERGROTEN

Dit toont ons alle kracht en veelzijdigheid van Node.js, waarmee we konden verifiëren dat het niet nodig was om een ​​andere taal te gebruiken dan die van JavaScript voor ontwikkeling.
BelangrijkHet is belangrijk om wat onderzoek te doen naar npm wat is hij knooppunt pakketbeheerder, omdat we met deze tool veel pakketten kunnen krijgen die ons van dienst kunnen zijn, waaronder enkele: kaders waarmee we alle code die we hier hebben gezien kunnen vereenvoudigen, naast andere componenten die door de community zijn ontwikkeld om werk te besparen voor de ontwikkelaar van Node.js.
Hiermee hebben we de tutorial afgerond, hebben we een server gemaakt en hebben we ook geleerd hoe we statische bestanden kunnen bedienen. Als we een traditionele technologie hadden gebruikt zoals PHP Om dit resultaat te bereiken, hebben we eerst een traditionele server nodig zoals Apache of nginx, waar we ze ook moeten configureren, zou het afdrukken van de code een andere taal nodig hebben gehad, degraderen naar JavaScript alleen aan de kant van de klant en daarmee zijn grote capaciteiten verspillend.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven