, real - time. Socket.io en expressjs Nodejs,,,,,,,,,,, 87, aandelen, 29,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, Nodejs. Geef me een van mijn favoriete taal: de capaciteit van code javascript.Het is een perfecte real - time - toepassing van technologie.In deze handleiding en ik zal je laten zien hoe de oprichting van een netwerk van praten, toepassing van expressjs stopcontact. IO.,,,, de installatie van het milieu, natuurlijk, het eerste wat we moeten doen is Nodejs installeren in je systeem.Als je een MAC ramen of gebruiker, kan je de toegang tot en de installatie nodejs.org downloaden.Als het je niet bevalt, verwijs ik u naar de link.Hoewel ik geen rekening te houden met dit aspect van de verdere details van de installatie, als je geen problemen, ik ben blij om te helpen, om de volgende opmerkingen, als je nodejs installatie, ben je klaar voor de installatie van de nodige instrumenten, expressjs., - dat zal het beheer van servers en gebruikers van de reactie van de statistieken betreffende het template van de motor, jade, socket.io - om real - time de communicatie tussen de voor - en achterkant, blijven, in een lege lijst, het creëren van een van de volgende documenten, package.json,. {"naam": "realtimewebchat" en "versie": "0.0.0", "de beschrijving van:" real - time "Internet", "afhankelijke": IO {"zit.": "nieuwe", "de uitdrukking:" "nieuwe", de 'jade ":" nieuwe ")," de "ontwikkeling":Elke "), met behulp van de console (in de ramen commando), en de uitvoering van het door de map: installatie, na een paar seconden, je krijgt alle noodzakelijke afhankelijk te downloaden, node_modules, gids.,, de ontwikkeling van de achtergrond, laten we beginnen met een eenvoudige servers, die voorzien in de toepassing van procedures: //europa.eu.int /comm /, dan blijven nog interessante deel: real - time communicatie.Het creëren van een, met de volgende expressjs index.js, de kern van de code, de VAR - uitdrukking van documenten: = nodig hebben ("de uitdrukking"); var programma = Express (haven); var = 3700; de toepassing van procedures voor het verkrijgen van de functie ("/", zijn res.send (res) {"!")(}); de aanvraag. Luister (haven); consoles. Log ("haven" + haven); op de top, we hebben een aanvraag, en de definitie van de haven.Volgende, we hebben ingeschreven voor een route, en in dit geval is een eenvoudig verzoek geen parameters.Nu is het weg, procedures voor de behandeling van een aantal teksten alleen toegezonden aan de klant.Tot slot, natuurlijk, op de bodem, onze server.- de toepassing van de console, de uitvoering, de knooppunten, de indexering. Js, servers zijn, dus je moet open te stellen, HTTP://127.0.0.1:3700 /, kijk, het werkt.En nu, in plaats van "het", zouden we de: //europa.eu.int /comm /.In plaats van zuivere: //europa.eu.int /comm /, gebruik kunnen maken van statistieken betreffende het template van de motor.Jade is een goede keuze, een goede integratie expressjs.Dit is wat ik normaal gebruik van het project.Het creëren van een catalogus, bekend als de logistiek, en de volgende, page.jade:,, het dossier.!!!!!!!!!!!!!!Http: //europa.eu.int titel = "real - time - netwerk." fysiekeinhoud (stijl ='width:500px; lengte: [[beeld: 2005; de marge: 0 0 20px 0; de grens: vaste 1 - pixelϧ overflow-y: rollend; "). De input. Gebied (stijl ='width:350px;") input, sturen (type = knop, waarde = ""), jade grammatica is niet zo ingewikkeld, maar een complete gids, verwijs ik u naar jade-lang.com.Met het oog op het gebruik van jade expressjs, we moeten de volgende instellingen, een aanvraag tot vaststelling van ('views ", __dirname + /logistiek"); de aanvraag wordt ("motor", de 'jade "); de toepassing van de motor ('jade", moet ('jade "). __express); Toegang tot (" van toepassing zijn. /functie res.render (RES) {"' ');}); dit deel van de code kennisgeving uit je dossier, waar is het model te gebruiken, en de motor.Het zal alle aangewezen aan het model van de functie van de code.Als alles is vastgesteld, en we kunnen het gebruik van maken, methoden, antwoord, voorwerpen en alleen stuurt ons naar de Emerald code aan de gebruiker., de produktie niet speciaal op dit punt, maar die elementen (een id, inhoud), die zal worden gebruikt als een bericht en twee controle steun (in gebieden en de knop), zullen we het gebruiken om een boodschap uit te zenden, want we zullen gebruik maken van een externe javascript op de voorkant van de documenten, logisch, we moeten in expressjs waar te zoeken naar de middelen om dat te doen.Het creëren van een lege lijst, openheid, en voordat de bel, wordt de volgende regel toegevoegd. Luister, methoden, procedures en het gebruik van (uitgedrukt. De statische (__dirname + /openbare); tot dusver goed; we hebben een server in reactie op een verzoek van succes.Nu is het tijd socket.io, verhoging van de integratie.Een wijziging van deze regel:, app. Luister (haven);:,, var - IO = ('socket. IO) (app. Luister. Luister (haven)); en door expressjs server socket.io meer dan wij.Eigenlijk, we zullen met de real - time communicatie in een haven is gebeurd.Vooruit, we moeten schrijven, de code van de boodschap zullen ontvangen uit de cliënt, en stuurt het naar de andere.Elk contact, te beginnen met de toepassing van socket.io, verwerking van programma 's.We moeten een:, io. Zit. In het kader van "functies ((kas) {stopcontact. Stuur een bericht, {boodschap:" welkom in de chat ") (" "); het stopcontact, functionele (gegevens) (io. Kom. Stuur een bericht, gegevens);}}););, voorwerp zit, dit is de overdracht van de programma 's voor je cliënt, is in feite een stopcontact.Als je de server en het verband tussen de gebruikers van de browser.In een succesvolle aansluiting, sturen we een bericht van het type, welkom, en, natuurlijk, een andere procedure gebonden, zal worden gebruikt voor de ontvanger.Dus, de cliënt moeten een boodschap sturen, zijn naam, en we zullen vangen.Wij zullen na de toezending van de gegevens aan de gebruikers van alle andere stopcontact, input - output -, en door middel van de code, we kunnen de achterkant van het ontvangen en doorgeven van informatie aan de cliënt.Laten we nog een code voor de ontwikkeling van de voorkant van de voorkant,.,, het creëren van praten. Js, en plaats het in de aanvraag moet je gids.Gebruik de volgende codes: in window.onload = functie () {VAR nieuws = [...]; var stopcontact = IO verband ('http://lokale: 3700 "); var = documenten. GetElementById (" gebied "); var sendbutton = documenten. GetElementById (" sturen "); de inhoud van het document getElementById (= var. De" inhoud ". Kom op het nieuws"); (functionele (data) {als (gegevens) {nieuws. Duw (gegevens); var: //europa.eu.int /comm /= "; voor (VAR i = 0; ik < messages.length; I + +) (http: //europa.eu.int + = bericht [I] + < BR />" = = = = = = http: //europa.eu.int content.innerhtml;};) of (console logboek ("een vraag:" gegevens);}}); sendbutton.onclick = functie) (VDe tekst van field.value AR =; een stopcontact. ("" (informatie: de tekst});};}, onze logica is verpakt in een onload, de verwerking, de. Gewoon om ervoor te zorgen dat alle merken en externe javascript is vol.In de komende paar, creëren we een reeks, zal het opslaan van alle informatie, een stopcontact, object, en een paar sleutels, we dom elementen.Nogmaals, vergelijkbaar met de achterkant, we binden een functie voor de activiteiten van het stopcontact, zal reageren.In ons geval, dit is een gebeurtenis, de naam, de informatie.Als dit gebeurt, we verwachten een object, gegevens en informatie.De toevoeging van informatie voor de opslag en de actualisering van de inhoud van ons, div.We hebben een boodschap van de logica.Het is heel eenvoudig, als een boodschap sturen, als je de naam, open, HTTP://lokale: 3700, ontmoet je een fout uit.Dat is omdat we page.jade, moet worden bijgewerkt, bevat de nodige javascript document, getiteld "de real - time - netwerk." script (SRC = "/praten. Js) script (SRC =" /. /contrastekker. IO, io. Js), de aandacht van socket.io beheer van de leveringen, af tot 'J'.Je hoeft je geen zorgen te maken met downloaden van dit dossier, dat kunnen we weer de server, - index.js, in de console en open, HTTP://lokale: 3700.Je moet zien over de informatie.Natuurlijk, als je iets moet sturen, in de weergave van de inhoud, die.Als je ervoor wilt zorgen dat het werk een nieuwe, open label, of beter, een nieuwe Navigator) en de toepassing van de belasting.Met betrekking tot de socket.io geweldig is, zelfs als je stopt met je NodeJS server.De voorkant zal blijven werken.Zodra de servers herstarten, je kan goed praten, in de huidige situatie, we praten niet perfect is, moet worden verbeterd.,, de verbetering van wat wij moeten doen is de eerste wijziging van de identiteit van de boodschap.Op dit moment is het niet duidelijk wie de boodschap aan.Een geluk dat we geen vernieuwing van onze NodeJS code om dit doel te bereiken.Dit is omdat de server slechts de toegezonden gegevens betreft.Dus, we moeten er nog een nieuwe eigenschappen, en dan lezen.In een amendement is, praten we. De toevoeging van een nieuwe gebieden, waar, input kan de gebruiker de hem /haar naam.Jade, veranderingen in blz.: controle, die, in naam van
Real - time. Nodejs, socket.io en expressjs
Previous:Figuur 2. Is
Next Page:Het gebruik van ecmascript 6 vandaag