Angular2与Stomp.js

时间:2016-09-21 12:39:57

标签: angular websocket stomp

我正在寻找Stomp.js或类似的libs。我没有找到使用angular2.rc6 / final示例或lib。我怎样才能让Stomp.js重新获得别的东西呢? 在我之前使用Angular 1.X的项目中,我使用了Stock.js和Sock。 我被卡住了..

更新

我试过这个示例应用程序,但没有效果。这个例子已经过时了。 https://github.com/sjmf/ng2-stompjs-demo

2 个答案:

答案 0 :(得分:6)

如果您使用的是新版本的angular2 CLI https://cli.angular.io/

我建议使用STOMP-Over-WebSocket Service作为角度2

安装此npm软件包

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

typings.d.ts

添加stompjssockjs-client模块声明

declare module 'stompjs';
declare module 'sockjs-client';

app.module.ts

import { StompService } from 'ng2-stomp-service';

@NgModule({
  ...
  providers: [StompService]
})

app.components.ts

import { StompService } from 'ng2-stomp-service';

private wsConf = {
  host:'test.com'
}

constructor(stomp: StompService) {

  stomp.configure(this.wsConf);

  stomp.startConnect().then(() => {
    console.log('connected');
  });


}

来源https://github.com/devsullo/ng2-STOMP-Over-WebSocket

答案 1 :(得分:3)

对于使用Observables的正确的Angular2 / 4/5类型StompService,请参阅https://github.com/stomp-js/ng2-stompjs。该库使用rxjs Observables公开整个功能。

据报道,无论有无安全性,都可以使用Spring over WebSockets。

还有针对Angular2,Angular4和Agular5的示例应用程序。