HTML5 Internet Sockets wird im Alleingang Webtechnologien, wie wir sie kennen, revolutionieren. Der Zweck dieses Beitrags besteht darin, zu erklären, welche Techniken bisher verwendet wurden, um Server-Push zu simulieren, HTML5-Websockets zu definieren und dann ein Beispiel dafür zu geben, wie man es in Ihrer HTML5-Anwendung verwendet wlan steckdose B09XDMK2HT.
Was ist Umfragen?
Bis jetzt conflict das Internet nur in eine Richtung. Mit anderen Worten, Webseiten könnten eine Anfrage nur an einen Webserver senden und nicht umgekehrt. Als AJAX im Jahr 2005 auf den Markt kam, übernahmen Webentwickler schnell Techniken, um eine als Polling bezeichnete Anfrage vom Server an den Shopper zu simulieren. Es gibt zwei Arten von Abfragen, kurze Abfragen und lange Abfragen.
Kurzabfragen werden implementiert, indem etwa alle paar Sekunden eine Anfrage an den Webserver gestellt wird, um zu sehen, ob sich Daten geändert haben. Wenn dies der Fall ist, antwortet der Webserver mit den neuen Daten. Andernfalls antwortet es mit einer leeren Nachricht. Der Nachteil dieser Technik ist jedoch sowohl ein Überschuss an Serveranforderungen als auch ein Overhead bei der CPU-Auslastung auf dem Webserver, um ständig zu prüfen, ob eine Aktualisierung der Daten vorgenommen wurde.
Lengthy Polling wird implementiert, indem eine einzige Anfrage an den Webserver gestellt und die Verbindung offen gehalten wird, bis sich die Daten geändert haben, woraufhin der Webserver eine Antwort zurücksendet. Der Nachteil dieser Technik ist, wie bei Brief Polling, dass der Webserver trotzdem etwa alle paar Sekunden überprüfen muss, ob sich die Daten geändert haben, was einen Mehraufwand bei der CPU-Auslastung verursacht.
Was ist ein HTML5-Internet-Socket?
Hier kommen HTML5-Websockets ins Spiel. HTML5 wird die erste HTML-Spezifikation sein, die clientseitige Websockets unterstützt. Mit anderen Worten, wenn sich Daten auf dem Webserver ändern, kann der Webserver eine Anfrage an den Shopper senden, wodurch die Notwendigkeit einer Abfrage entfällt.
HTML5-Websocket-Beispiel
Schritt 1: Erstellen Sie ein WebSocket mit einer gültigen URL
Erstellen Sie eine neue WebSocket-Verbindung zum WebSocket-Server unter finance.instance.com.
var stockTickerWebSocket = new WebSocket(“ws://finance.instance.com”);
Be aware {that a} ws:// and wss:// prefix point out a WebSocket and a safe WebSocket connection respectively. The default port for WebSockets is 81 and the default port for safe WebSocket is 815.
Step 2: Connect JavaScript Callback Capabilities
Affiliate occasion listeners to deal with every part of the connection life cycle.
stockTickerWebSocket.onopen = operate(evt) {
alert(“Inventory Ticker Connection open…”);
};
stockTickerWebSocket.onmessage = operate(evt) {
alert( “Obtained Ticker Replace: ” + evt.information);
};
stockTickerWebSocket.onclose = operate(evt) {
alert(“Connection closed.”);
};
Step 3: Ship and Obtain Knowledge
To ship a message to the server, merely name the postMessage technique on the webocket with the content material you want to ship to the server.
stockTickerWebSocket.postMessage(“BUY: GOOG,100@200.25″);
It will ship the BUY message to the server. Any message coming from the server will likely be delivered to the onmessage callback registered in step #2.
Step 4: Disconnect When Executed
When accomplished, name the disconnect() technique to shut the WebSocket connection.
stockTickerWebSocket.disconnect();
As demonstrated within the instance above, there aren’t any HTTP requests made to the server from the shopper facet to retrieve information, as a substitute the info was pushed to the shopper from the server – when it turns into out there.
When a brand new WebSocket connection is established the browser opens an HTTP connection to the server first after which negotiates with the server to improve the connection to a devoted and chronic WebSocket connection. This course of routinely units up a tunnel by means of to the server – passing by means of all community brokers (proxies, routers, and firewalls) within the center (very very like HTTPS establishing a safe, endtoend connection), fixing quite a few points that the varied Comet programming methods encountered. As soon as established the WebSocket is a fullduplex channel between the shopper and the server.
Instance supplied by http://www.indicthreads.com