[网络协议]WebSocket 动态获取

initSocket();
function initSocket(){
  webSocket = new WebSocket('ws://'+window.location.host+'/header_soc');
  imageSocket = new WebSocket('ws://'+window.location.host+'/capture_soc');
  flashSocket = new WebSocket('ws://'+window.location.host+'/live_soc');
  //webSocket 对象
  webSocket.onerror = function (event) {
      onError(event);
  };
  webSocket.onopen = function (event) {
      onOpen(event);
  };
  webSocket.onmessage = function (event) {
      onMessage(event);
  };
  //imageSocket 对象
  imageSocket.onerror = function (event) {
      onError(event);
  };
  imageSocket.onopen = function (event) {
      onOpenImg(event);
  };
  imageSocket.onmessage = function (event) {
      onMessageImg(event);
  };
  //flashSocket 对象
  flashSocket.onerror = function (event) {
      onError(event);
  };
  flashSocket.onopen = function (event) {
      onOpenFlash(event);
  };
  flashSocket.onmessage = function (event) {
      onMessageFlash(event);
  };
}

　　然后定义相应的函数，发生 http 请求，接收到数据后打印出来看一下数据格式，并进行处理

function onError(event){

}
function onOpen(event){
    webSocket.send();//看后台需要接收什么信息才能握手成功
}
function onMessage(event){
    console.log(event);
}