spring websocket让页面实时获取数据

原创 2016年08月31日 17:49:01
1,依赖包加上
<dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-websocket</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-messaging</artifactId>
</dependency>

2,添加2个类

package com.streetlight.websocket;

import org.springframework.context.annotation.Configuration;
import org.springframework.messaging.simp.config.MessageBrokerRegistry;
import org.springframework.web.socket.config.annotation.AbstractWebSocketMessageBrokerConfigurer;
import org.springframework.web.socket.config.annotation.EnableWebSocketMessageBroker;
import org.springframework.web.socket.config.annotation.StompEndpointRegistry;

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

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

	@Override
	public void configureMessageBroker(MessageBrokerRegistry registry) {
		registry.enableSimpleBroker("/topic");//给 /topic 命名空间下发数据
		registry.setApplicationDestinationPrefixes("/app");//客户端发向服务端请求路径的前缀
	}
}

package com.streetlight.websocket;

import org.springframework.messaging.handler.annotation.MessageMapping;
import org.springframework.messaging.handler.annotation.SendTo;
import org.springframework.stereotype.Controller;

@Controller
public class WebSocketController {
	@MessageMapping("/request")//接受客户端/app/request的请求
	@SendTo("/topic/*")
	public String greeting() throws Exception {
		return new String("WebSocketController");
	}
}
然后需要一个发送模版, 如下

@Compent
public class Handler{

    @Autowired
    private SimpMessagingTemplate mesTemp;

    public void updateAndSendMsg() {
        mesTemp.convertAndSend("/topic/hello", "helloworld");
    }
}
这时候在网页上需要添加连接websocket  server的代码

        <script type="text/javascript">
        $(function(){
            var socket = new SockJS('/项目名/socket');
            var stompClient = Stomp.over(socket);
            stompClient.connect({}, function(frame) {//
                stompClient.subscribe('/topic/hello', function(message){//注意这里的'/topic/hello'与上面Handler类updateAndSendMsg方法中的一样
                    console.log("msg :" + message)
                });
            });
        })
        </script>
当连接上server后stompClient.subscribe会监听和接受来自‘/topic/hello’的数据


到这里就配置完成了!我这边是java程序收设备发过来的UDP消息,一收到消息就调用Handler类中的updateAndSendMsg方法!

推荐个发包程序:netAssistant


参考 : http://www.lxway.com/4002114921.htm

相关文章推荐

用openfire+strophe搭建WEB IM平台

准备 openfire服务器(http://www.igniterealtime.org)——IM Server ngnix服务器(http://nginx.org)——代理和HTTP Ser...

centos 普通用户 和 root 相互切换方法

root 用户切换为普通用户 :用 login -f username (加 -f 不用输入密码)例如普通用户的用户名为hadoop,这里就是 login -f hadoop 普通用户切换为root...
  • hagetis
  • hagetis
  • 2013年01月02日 12:57
  • 10438

通过WebSocket建立长链接实时获取数据

前段时间公司在做的一个项目,需要实时获取到最新的行情数据,行情数据每秒更新,当时考虑过用轮询方式获取,但是稍微推敲,很是不妥。当用户量多了,每个客户端都要去轮询服务器,给服务器造成的压力很大大,而且用...

动态从数据库获取数据实时插入图表

1.实现效果图 2.jsp文件 Insert title here 数据库获取的时间: 停止定时器 开启定时器 High...

首页实时获取数据更新ListView和chart代码

/**  *@fileName:Main_IndexActivity.java  *@Description:  *@creat data:2015年9月16日  *@author:Cookies  ...

AndroidStudio——今日头条(可以实时获取数据的app)

今日头条包含以下模块:首页 视频 天气 和 我的 其中 首页用于加载实时的新闻频道及内容,可以实现点击图片查看图片详情,并且可以实现内容的收藏与取消收藏视频模块暂时未加入任何内容天气...

android获取数据加载页面(loadingmanager)

Android获取数据加载页面
  • circyo
  • circyo
  • 2015年05月06日 15:51
  • 386

再论百度Echarts技术,如何从后台获取数据并显示在页面上

页面:百度Echarts技术做的 jsp:     setTimeout("$('select#stcd').val('${stcd}')", 100); --...

第一次使用echart从后台获取数据动态显示到页面

第一次使用Echart绘制图表,看了两天,终于结合后台给整出来了。走过之后再看看,其实很简单的。不多说了,直接上图: 第一步:去echarts官方下载最新的js; 官方地址 : echarts.ba...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:spring websocket让页面实时获取数据
举报原因:
原因补充:

(最多只允许输入30个字)