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 的使用方法,如需了解更多请移步看文档