WebSocket? JavaScript: ??? ???? ???? ???? ?? ??

??:
??? ??? ??? ???? ??? ???? ???? ??? ???? ?? ???? ????. ??? ????? ???? ?? ?? ? ??? WebSocket? JavaScript? ?????. ? ????? ??? ???? ????? WebSocket ? JavaScript? ??? ???? ?? ??? ???? ?? ??? ??? ?????.

1. WebSocket ?? ??
WebSocket? ?? TCP ???? ??? ??? ?? ???????. ?? HTTP ????? ???? WebSocket? ??? ??? ??, ?? ?? ?? ? ?? ??? ?????? ??? ??? ?? ??? ???? ???? ?????.

2. WebSocket ??? ???? JavaScript
JavaScript? ???? WebSocket ??? ???? ?? ?? ?????. ?? WebSocket ??? ???? ?? URL? ???? ???:

var socket = new WebSocket("ws://localhost:8080/monitor");

?? ws://? WebSocket ????? ????? ????, localhost:8080? WebSocket ??? ??? ???? /monitor? ?? WebSocket ??? ??.

???? ??? ???? ?? WebSocket? ?? ??? ?? ??? ???? ???. ???? ????? onopen, onmessage, onclose ? onerror? ?????.

socket.onopen = function(){
  console.log("WebSocket連接已經(jīng)建立");
};

socket.onmessage = function(event){
  console.log("收到消息：" + event.data);
};

socket.onclose = function(){
  console.log("WebSocket連接已經(jīng)關(guān)閉");
};

socket.onerror = function(error){
  console.log("WebSocket連接發(fā)生錯(cuò)誤：" + error);
};

??? ??? ?? ??? ?? ???? ??? ??? ?? ??? ?????.

3. ??? ?? ??
WebSocket ???? Node.js? WebSocket ?????? ???? ?????. ??? ??? WebSocket ?? ? ?? ????.

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {
  console.log('WebSocket連接已建立');

  // 監(jiān)聽客戶端發(fā)來的消息
  ws.on('message', function incoming(message) {
    console.log('收到消息：', message);
  });

  // 發(fā)送消息給客戶端
  ws.send('歡迎連接WebSocket服務(wù)器');
});

? ??? WebSocket ??? ????, ?????? ??? ??? ??? ? ??? ????, ???????? ???? ?? ? ????, ??????? ?? ???? ????. . ??.

4. ??? ???? ?????? ??
??? ???? ?????? WebSocket? JavaScript? ???? ??? ???? ???? ??? ? ????. ?? ??, ?? ???? ???? ???? ??? ?? ???? WebSocket? ?? ????? ???? ?????? ??? ? ???, ??? ???? ???????? WebSocket? ?? ?? ??? ?? ??? ????? ? ????. ??? ??? ???? ????? ?? ?????.

  
    
  
  
    
實(shí)時(shí)溫度監(jiān)控系統(tǒng)
    


    <script>
      var socket = new WebSocket(&quot;ws://localhost:8080/monitor&quot;);

      socket.onmessage = function(event){
        var temperature = document.getElementById("temperature");
        temperature.innerHTML = "當(dāng)前溫度為：" + event.data;
      };
    </script>
  

? ??? WebSocket? ?? ???? ???? ?? ???? ?????? ????? ?????? ???? ??? ???? ?????? ????.

??:
WebSocket? JavaScript? ??? ??? ???? ???? ???? ?? ?? ? ?????. WebSocket? JavaScript? ?? ??? ???? ???? ??? ???? ???? ??? ? ????. ?? ??? ?? ??? ??? ??? ?? ??? ??? ?? ???? ??????. ?? ?? ????? ?? ?? ??? ?? ?? ?? ? ???? ??? ? ????.

? ??? WebSocket ? JavaScript: ??? ???? ??? ??? ?? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!