ng2-stomp-service ng2 ng4 websocket使用

前端之家收集整理的这篇文章主要介绍了ng2-stomp-service ng2 ng4 websocket使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、安装

npm i --save stompjs
npm i --save sockjs-client
npm i --save ng2-stomp-service

2、如果使用angular-cli 创建项目,那么配置 angular-cli.json

"../node_modules/sockjs-client/dist/sockjs.min.js","../node_modules/stompjs/lib/stomp.js"

3、引入服务文件 ng2-stomp-service 可以在module中全局引入,也可以在组件中,只在本组件中使用

本组件中引入
import {StompService} from 'ng2-stomp-service';
@Component({
    。。。
    providers: [
        StompService
    ]
    。。。
})

4、配置链接

constructor(public stompService: StompService) {
    // 配置  要连接的服务器地址
    stompService.configure({
            host: "http://11.177.15.104:8080/emanager/e-stomp-endpoint",debug: true,queue: {
                "init": false
            }
   });
this.stompService.startConnect().then(() => {
            this.stompService.done("init");
            console.log("链接成功");

    // 接收消息
    this.subscription = 
        this.stompService.subscribe("/user/20001/sysnotice",(data: any) => {
                    console.log(data);
                }
        );
        
         stomp.send('destionation',{"data":"data"});
}
原文链接:https://www.f2er.com/angularjs/146272.html

猜你在找的Angularjs相关文章