SockJS over stomp using angular2 and spring boot

Question

I want to implement a websocket inside my projet to do something as notifications

this is my configuration web socket in my projet spring boot

 @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        config.enableSimpleBroker("/topic");
        config.setApplicationDestinationPrefixes("/app");
    }

    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        registry.addEndpoint("/hello").setAllowedOrigins("*").withSockJS();
    }

and in my controller I have this method :

@MessageMapping("/hello")
    @SendTo("/topic/templatesWS")
    public void TemplatesWebSocket() {
        try {
            Thread.sleep(1000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        System.out.println("calling juste");
    }

and in my client side in my page index.html I added this

<script src="//cdn.jsdelivr.net/sockjs/1/sockjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.js"></script>

and in my component angular2 I'm using this

declare let SockJS;
        declare let Stomp;


        var socket = new SockJS('http://localhost:8080/hello');
        socket.ono
        var stompClient = Stomp.over(socket);
            stompClient.connect({}, function(frame) {
            console.log('Connected: ' + frame);
            stompClient.subscribe('http://localhost:8080/template/topic/templatesWS', function(greeting) {
                console.log("from from", greeting);
            });
        }, function (err) {
            console.log('err', err);
        });

How can I call the method TemplatesWebSocket()

I think the subscribe() parameter should be simply '/topic/templatesWS' — Marcelus Trojahn
– Marcelus Trojahn, Commented Aug 22, 2016 at 13:48
I resolve this error I have some configuration websocket security that prevent connection but the line code stompClient.subscribe not call the method from controller TemplatesWebSocket() how can I call it — khalil _diouri
– khalil _diouri, Commented Aug 22, 2016 at 14:26

Marcelus Trojahn · Accepted Answer · 2016-08-22 23:40:38Z

1

Check this example I just uploaded: https://github.com/mtrojahn/spring-boot-websocket

I think what you meant is send a command to the server and get a response, right? The example above covers both the response to a command sent by the client and also periodic messages sent to the clients.

You are probably looking for something like this:

stompClient.client.send("/app/somecommand", {}, "");

I hope it helps.

answered Aug 22, 2016 at 23:40

Marcelus Trojahn

7098 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

khalil _diouri Over a year ago

the send method it works fine but stompClient.subscribe not working why we use the subscribe method ?? when we subscribe in a method with scheduled is for getting for example data every 20 secondes but in case with MessageMapping if you can explain that to me thanks (I updat the question I add the picture of subscribe method error)

Marcelus Trojahn Over a year ago

Websockets is about subscribing to a service and wait for data. The server pushes (broadcast) data to all subscribed clients. The 20s example shows that happening, every 20s your client will receive a message. Your problem with the subscribe method being undefined sounds like a problem with the order the scripts are being loaded by the browser.

Collectives™ on Stack Overflow

SockJS over stomp using angular2 and spring boot

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related