angular2 如何使用websocket

冷英光
2023-12-01

1.npm下载:

   npm install angular2-websocket

2.需要在哪个组件使用就在那里引入:

   import {$WebSocket} from 'angular2-websocket/angular2-websocket'

3.具体的使用看以下代码:

  

 1 sendMsg() {
 2    //新建连接
 3     var ws = new $WebSocket("具体地址");
 4    //打开连接
 5     ws.onOpen(function () {
 6       console.log('连接成功')
 7         ws.send('发送的消息内容').subscribe(
 8           (msg) => {
 9           //连接成功此处打印成功的提示
10             console.log("next", msg.data);
11           },
12           (msg) => {
13            //连接失败则打印此信息
14             console.log("error", msg);
15           },
16           () => {
17             //不管有没有连接成功必须执行到此处
18             console.log("complete");
19             // 可在此处关闭连接,由你websocket实现的具体功能决定
20             // ws.close(false);    // close
21             // ws.close(true);    // close immediately
22           }
23         );
24     });
25    //接收服务器返回的信息就另外写个
26     ws.onMessage(
27       (msg: MessageEvent) => {
28         console.log('recriveMsg',msg)
29       },
30       { autoApply: false }
31     );
32 
33 
34 
35   }

4.以上是最基本的angular2 websocket 的使用方法,如需了解更多请移步看文档

 类似资料: