angular中使用signalr实现实时通信

安装依赖

npm install --save @aspnet/signalr

angular中使用signalr实现实时通信_第1张图片
报错时,可将项目的依赖全部删除,再重新安装

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 += '

'+''+deviceId+''+msg+'

'
; // 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 = '

'+messageFromIoTDevice.slice(index+1)+'


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

你可能感兴趣的:(angular中使用signalr实现实时通信)