Js: betere prestaties en socket.io en punt

, Node.js: betere prestaties en socket.io en,,,,,,,,,, uitwisseling van aandelen, 30,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen. En als je website is voor de klanten van de gegevens kunnen worden gebruikt ter verbetering van de prestaties van de cliënt, en WebSockets model.In deze handleiding, ik zal je laten zien hoe je de,,,, we beginnen met de wijziging van een reeds bestaande aanvragen om sneller en duurzamer hoge snelheid.Ik zal je vertellen hoe je de code gevonden kan worden gewijzigd, met het oog op de verbetering van de toepassing van het programma.Door het downloaden van voorbeeld van toepassing, ik ben klaar.Heel simpel, het blijkt dat de positie die willekeurige server, maar het zou er goed aan doen deze les, stap 1: de voorbereiding, de decodering software download je naar een map of vóór het eerste standpunt en werking:,,,, ga nu naar HTTP://lokale: 8080 /kijken.Je moet het alleen zien op een knop.Je moet ook het gebruik van de instrumenten een browser, zodat je kunt zien van een verzoek, maat.Open de ontwikkeling van instrumenten, ga, het netwerk, de etikettering.En dan, een paar klikken knop zie, de omvang van getpost eisen: /,,,,, slechts ongeveer 830 bytes?Nou, stel je voor deze plek echt populair willen zien, een miljoen gebruikers van de post.Het is ongeveer 830 MB.Per post.Niet zo een kleine stap 2: controle van digitale.,, in dit stadium, ik zal je laten zien hoe je de codes vinden, kunnen wijzigen om de toepassing van het programma.In de eerste stap, heb je een verzoek om verzoeken.Nu moet je het vinden in de code van de diensten.Open, index.js, in je favoriete redacteur van de code.Ga nu, 16 - 20: var posttemplate = (FS (". Readfilesync. /.")); de aanvraag. (de /getpost, functionele (zijn res.end (RES) {posttemplate (post [wiskunde gebouw (wiskunde. () * 3)]);}); en hier!Ten eerste, het model opgesteld, posttemplate, veranderd.En dan, op verzoek van de diensten en /getpost model.Niets bijzonders, gewoon een klassieke methode.We moeten dat veranderen, en ter verbetering van de prestaties. Stap 3: een stopcontact. IO, begint te verbeteren, in de eerste plaats, de installatie van socket.io.Op je terminal type installatie: het stopcontact. IO, in afwachting van de voltooiing van een opdracht.De code moet op alle eisen van de toevoeging van de volgende rij na. Js,:, de VAR - SIO = ('socket. IO "); en nu zal je moeten veranderen voor de vaststelling van de socket.io uitdrukking, werk.In de eerste plaats na toepassing van de definitie van,,,, een punt toevoegen:, de VAR - server ('http'). Createserver (App); var io = ('socket. IO) (server); de server. Luister. Luister (8080); en het schrappen van de laatste zin van het dossier, van toepassing. Luister (8080);,, je moet dit doen, want socket.io moet server werken, in plaats van die app.,, nu, als je je moet je zien in de terminal van de toepassing van dergelijke:,,,, stap 4: verbetering van de cliënt model, te beginnen met de toepassing moet behouden na de opstelling van de modellen van de cliënt.Javascript bestand te zijn, dan zal het een keer gedownload.De opstelling van modellen, om gebruik te maken van een deel van http://olado.github.io/dot/index.html en ga naar beneden.Want elke keer dat de toegang van de gebruikers tot de website die je niet moet de opstelling van modellen, je kan alleen worden toegevoegd aan de in de samenstelling van de functie van de code.Open, post.dot, documenten en de inhoud van het model, in plakken, ter plaatse is dit:,,,, een kopie van de inhoud van het gebied nu, en soms in het dossier voor statische /main.js, daar alle codes.Wijziging of schrapping van de naam van de functie, anoniem en zal het een variabele, posttemplate, dus reactief posttemplate = functie () {...}, ga nu, index.js, documenten en het verwijderen van niet - gebruikte draad, omdat je niet meer voor de server, var model: punt = ('dot "). Het model; var FS = ('fs");...Var posttemplate = (FS (". Readfilesync. /.");,, post.dot. De documenten kunnen ook worden geschrapt.,, salaristrap 5: in plaats van gebruik te maken van Ajax WebSockets, Ajax en server, we zullen nu gebruik WebSockets.Het beste is de socket.io dit te doen, omdat WebSocket API - zelf niet is voorzien in de ondersteuning van de gebruiker een browser niet het falen.De server is geregeld, dus nu moeten we verbonden is.In de eerste plaats aan toevoegen, het hoofd van de statische /index.html documenten (vóór de meester. Js):, < script src = "/. /contrastekker. IO, io. J 's" > < /scripts% GT%, de volgende open, statische main.js, documentatie en statistieken betreffende het template van de code, wordt het volgende toegevoegd: het stopcontact = IO, var. De verbinding ();, zal het in verbinding met de socket.io server (let op je script pagina' s aan zit. IO).Omdat de server in een gastheer, heb je niet nodig om alle parameters van de functie.Nu moet je nog een gebeurtenis van luisteraars in zit, dus we weten wanneer je aankomt.Dit is net een regel: zit, ('getpost "functies (data) {% (knop"). (posttemplate (gegevens);}); zie je, call - back - lijkt hetzelfde succes, in dit weer, dollar, Ajax (). Maar het is in de eerste gegevens van het operationele model functioneren.Nu, in plaats van de dollar. Ajax, Tel.: (), een stopcontact. ('getpost "); deze lijn zal aan de server van gebruikers willen tonen, een nieuwe baan.Natuurlijk, in een echte wereld van toepassing is, de server zendt post, als ze publiceren, stap 6: de post sturen, omdat nu de klant kan worden aangesloten op de server en vragen om een standpunt, maar de server niet iets sturen.Je moet luisteren naar de server uit, getpost, gebeurtenissen en om willekeurig.Ga, index.js documenten en het veranderen, dit, app. (de /getpost, functionele (zijn res.end (RES) {posttemplate (post [wiskunde gebouw (wiskunde. () * 3)]);}); de (, io. Kom. "Verband" functie (kas) {kom, ('getpost functies () {zit. Een ('getpost, post [wiskunde gebouw (wiskunde. () * 3)]);});}); dat in verband met de server, elke cliënt die het getpost, verwerking en reageert hij op een willekeurig.Nu kan je de toepassing, en te proberen.En dan naar de ontwikkeling van instrumenten voor je browser gaan, de netwerken rekening, het filteren en je zag een vis met WebSockets en klik.Je zou moeten zien in de browser en gegevens tussen de server stuurt, dat veel kleiner, en met de server model en Ajax (lengte bytes):,,,, conclusies, zoals je kunt zien, het gebruik en de cliënt WebSockets model kan (kunnen) ter verbetering van de toepassing van de duurzaamheid van je programma.Ik geloof dat veel van de website kan de verbetering van de technologie, hoop ik dat je het zou gebruiken om een beter gebruik van ervaring, zowel voor de gebruikers van mobiele en je bureau.

start_the_app
getpost_size
start_with_socketio
paste_the_template
getpost_ws_size



Previous:
Next Page: