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、引入服务文件 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.stompService.subscribe("/user/20001/sysnotice",                (data: any) => {                    console.log(data);                }        );    // 发送消息         this.stompService.send('destionation',{"data":"data"});}

官方地址：