ng2-stomp-service ng2 ng4 websocket使用
发布时间:2020-12-17 08:55:54 所属栏目:安全 来源:网络整理
导读:1、安装 npm i --save stompjsnpm i --save sockjs-clientnpm 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、引
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"}); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容