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