Search code examples
angularwebsocketstomp

Angular2 with Stomp.js


I'm looking for Stomp.js or similar libs. I not found working with angular2.rc6/final example or lib. How can I reaplace Stomp.js something else? In my previously project with Angular 1.X I used Stomp.js with Sock. I'm in stuck..

UPDATE

I tried with this example application but but without effect. This example is outdated. https://github.com/sjmf/ng2-stompjs-demo


Solution

  • If you are using new version of angular2 CLI https://cli.angular.io/

    I would recommend to use STOMP-Over-WebSocket Service for angular 2

    Install this npm packages

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

    In typings.d.ts

    Add stompjs and sockjs-client module declaration

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

    In app.module.ts

    import { StompService } from 'ng2-stomp-service';
    
    @NgModule({
      ...
      providers: [StompService]
    })
    

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

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