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