angular中使用signalr实现实时通信

安装依赖

npm install --save @aspnet/signalr

报错时，可将项目的依赖全部删除，再重新安装

import * as signalR from '@aspnet/signalr'

const connection = new signalR.HubConnectionBuilder()
    .withUrl("https://chervon-iothub-dev.azurewebsites.net/api"
      ).build();
	//用来解决 WebSocket is not in the OPEN state
    Object.defineProperty(WebSocket, 'OPEN', { value: 1, });

    connection.on("newMessage", function (messageFromIoTDevice) {
      let index = messageFromIoTDevice.indexOf(':');
      let deviceId = messageFromIoTDevice.slice(0,index);
      let msg = messageFromIoTDevice.slice(index);
      document.getElementById("message").innerHTML += '<p style="margin-bottom:0;">'+'<span style="font-weight:800;">'+deviceId+'</span>'+msg+'</p><div style="height=0.5rem;"></div>';
      
        // if(messageFromIoTDevice.indexOf(':')){
        //   let index = messageFromIoTDevice.indexOf(':');
        //   console.log(messageFromIoTDevice,'equip',this.equip);
        //   console.log('index',index);
        //   console.log("message",messageFromIoTDevice.slice(index+1));
        //   let deviceId = messageFromIoTDevice.slice(0,index);
        //   if(deviceId == this.equip){
        //     document.getElementById("message").innerHTML = '<p>'+messageFromIoTDevice.slice(index+1)+'</p><br>';
        //   }
        // }
    });

    connection.onclose(() => console.log('disconnected'));
    console.log('connecting...');
    connection.start()
        .catch(console.error);