angular6 使用websocket

发布时间:2019-06-29 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了angular6 使用websocket脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
import { component, OnInIT } From '@Angular/core';
import { webSocket } from 'RxJS/webSocket';
@Component({
    selector: 'app-oPEn-orders',
    templateUrl: './open-orders.COMponent.htML',
    styleUrls: ['./open-orders.component.css']
})
export class OpenOrdersComponent implements OnInit {
    ws: WebSocket;//定义websocket
    constructor(){}
    ngOnInit() {
        this.connectWs();
    }
    
    //socket连接
    connectWs() {
        if (this.ws != null) { this.ws.close() };
        this.ws = new WebSocket("wss://172.20.201.148:1804/ws");
        let that  = this;
        this.ws.onopen = function (event) {
                //socket 开启后执行,可以向后端传递信息
                that.ws.send('sonmething');
                
        }
        this.ws.onmessage = function (event) {
                //socket 获取后端传递到前端的信息
                that.ws.send('sonmething');
                
        }
        this.ws.onerror = function (event) {
                //socket error信息
                
                
        }
        this.ws.onclose = function (event) {
                //socket 关闭后执行
               
        }
    }
}

脚本宝典总结

以上是脚本宝典为你收集整理的angular6 使用websocket全部内容,希望文章能够帮你解决angular6 使用websocket所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。