2016-09-21 31 views
1

我正在尋找Stomp.js或類似的庫。我沒有找到使用angular2.rc6/final示例或lib。我怎樣才能讓Stomp.js重新煥發別的東西? 在我之前使用Angular 1.X的項目中,我使用了Sock的Stomp.js。 我在卡..Angular2與Stomp.js

UPDATE

我用這個例子應用程序,但但不影響審判。這個例子已經過時了。 https://github.com/sjmf/ng2-stompjs-demo

+0

項目https://github.com/sjmf/ng2-stompjs-demo已經通過'angular-cli'與Angular 2一起更新。 – Jimi

回答

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 

分型。 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

這是一個很好的解決方案。它適用於沒有安全性的Spring WebSocket。但是,它不適用於Spring Security和Spring Security WebSocket。 – John

+0

如果應用程序尚未使用角度CLI創建,我們該怎麼辦? – Adrien

2

對於使用Observables的適當Angular2/4/5型StompService請參考https://github.com/stomp-js/ng2-stompjs。該庫使用rxjs Observables公開了所有功能。已經有報道稱Spring可以通過WebSockets使用和不使用安全性。

也有Angular2,Angular4和Agular5的示例應用程序。