zoukankan      html  css  js  c++  java
  • 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 的使用方法,如需了解更多请移步看文档

  • 相关阅读:
    PHP对象的遍历
    PHP对象的复制
    PHP面向对象之类的自动加载
    PHP面向对象之接口
    PHP面向对象之重载
    PHP面向对象之抽象类,抽象方法
    PHP面向对象之final关键字
    PHP面向对象之重写
    使用python操作word
    vc++使用cookie登录网站
  • 原文地址:https://www.cnblogs.com/zhangky/p/7526319.html
Copyright © 2011-2022 走看看