WebSockets - Bağlantıları Açma

İstemci ile sunucu arasında bir bağlantı kurulduktan sonra, açık olay Web Soketi örneğinden tetiklenir. İstemci ve sunucu arasındaki ilk el sıkışması olarak adlandırılır.

Bağlantı kurulduktan sonra ortaya çıkan olay, onopen. Web Soket bağlantıları oluşturmak gerçekten basittir. Tek yapmanız gereken aramakWebSocket constructor ve sunucunuzun URL'sini iletin.

Aşağıdaki kod, bir Web Soketi bağlantısı oluşturmak için kullanılır -

// Create a new WebSocket.
var socket = new WebSocket('ws://echo.websocket.org');

Bağlantı kurulduktan sonra, Web Socket örneğinizde açık olay tetiklenecektir.

onopen İstemci ile sunucu arasındaki ilk anlaşmaya götüren ve web uygulamasının verileri iletmeye hazır olduğu ilk anlaşmayı ifade eder.

Aşağıdaki kod parçacığı, Web Soketi protokolünün bağlantısını açmayı açıklar -

socket.onopen = function(event) {
   console.log(“Connection established”);
   // Display user friendly messages for the successful establishment of connection
   var.label = document.getElementById(“status”);
   label.innerHTML = ”Connection established”;
}

Web Soketi bağlantısının kurulmasını bekleyen kullanıcılara uygun geri bildirim sağlamak iyi bir uygulamadır. Bununla birlikte, Web Soketi bağlantılarının nispeten hızlı olduğu her zaman not edilir.

Kurulan Web Soketi bağlantısının demosu verilen URL'de belgelenmiştir - https://www.websocket.org/echo.html

Bağlantı kurulumunun bir anlık görüntüsü ve kullanıcıya verilen yanıt aşağıda gösterilmektedir -

Açık bir durumun oluşturulması, bağlantı sona erene kadar tam çift yönlü iletişime ve mesajların aktarılmasına izin verir.

Misal

İstemci HTML5 dosyasını oluşturma.

<!DOCTYPE html>
<html>
   <meta charset = "utf-8" />
   <title>WebSocket Test</title>

   <script language = "javascript" type = "text/javascript">
      var wsUri = "ws://echo.websocket.org/";
      var output;
	
      function init() {
         output = document.getElementById("output");
         testWebSocket();
      }
	
      function testWebSocket() {
         websocket = new WebSocket(wsUri);
			
         websocket.onopen = function(evt) {
            onOpen(evt)
         };
      }
	
      function onOpen(evt) {
         writeToScreen("CONNECTED");
      }
	
      window.addEventListener("load", init, false);
   
   </script>

   <h2>WebSocket Test</h2>
   <div id = "output"></div>

</html>

Çıktı aşağıdaki gibi olacaktır -

Yukarıdaki HTML5 ve JavaScript dosyası, Web Soketinin iki etkinliğinin uygulanmasını gösterir, yani -

onLoad JavaScript nesnesinin oluşturulmasına ve bağlantının başlatılmasına yardımcı olur.
onOpen sunucuyla bağlantı kurar ve ayrıca durumu gönderir.