Angular2与Stomp.js

not*_*dev 1 stomp websocket angular

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

UPDATE

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

Dev*_*llo 6

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

我建议使用STOMP-Over-WebSocket Service for angular 2

安装这个npm包

npm i --save stompjs
npm i --save sockjs-client
npm i --save ng2-stomp-service
Run Code Online (Sandbox Code Playgroud)

typings.d.ts

添加stompjssockjs-client模块声明

declare module 'stompjs';
declare module 'sockjs-client';
Run Code Online (Sandbox Code Playgroud)

app.module.ts中

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

@NgModule({
  ...
  providers: [StompService]
})
Run Code Online (Sandbox Code Playgroud)

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');
  });


}
Run Code Online (Sandbox Code Playgroud)

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

  • 这是一个很好的解决方案.它适用于没有安全性的Spring WebSocket.但是,它不适用于Spring Security和Spring Security WebSocket. (2认同)