angular2 如何使用websocket


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM