websocket框架快速入门(1)

来源:互联网 发布:json与java对象的转换 编辑:程序博客网 时间:2024/05/09 23:58

WebSocket 框架快速入门(1)
前几天做了一个平台站内信功能,这两天空闲下来了随手记录一下。
下面将会放出一个入门demo例子,帮助同学们快速上手。具体扩展各位同学们自己去琢磨琢磨官方文档。
闲话不多说。。。。。

这里用的是 springboot+gradle搭建项目 使用的语言是groovy和java
首先在build.gradle文件里面加入websocket 依赖
使用maven的同学们可以自行转化。

    compile "org.springframework.boot:spring-boot-starter-websocket"    compile 'org.springframework:spring-messaging'

加入依赖之后,需要加入websocket配置

package com.ams.websocketimport org.springframework.context.annotation.Configurationimport org.springframework.messaging.converter.MessageConverterimport org.springframework.messaging.simp.config.MessageBrokerRegistryimport org.springframework.web.socket.config.annotation.AbstractWebSocketMessageBrokerConfigurerimport org.springframework.web.socket.config.annotation.EnableWebSocketMessageBrokerimport org.springframework.web.socket.config.annotation.StompEndpointRegistry/** * Created by TTX.zyx  */@Configuration@EnableWebSocketMessageBrokerclass WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer{    @Override    public void registerStompEndpoints(StompEndpointRegistry registry) {        registry.addEndpoint("/socket").withSockJS();//1    }    @Override    void configureMessageBroker(MessageBrokerRegistry registry) {        registry.enableSimpleBroker("/topic");//2        registry.setApplicationDestinationPrefixes("/app");//3    }}

配置说明:

 **注释①**: 添加一个websocket端点,客户端通过这个端点连接。 withSockJS() 开启socket。 **注释③**: registry.setApplicationDestinationPrefixes("/app")。客户端请求服务端的地址前缀。        前端-》后端  **`注释②**:  registry.enableSimpleBroker("/topic")。客户端接收服务端消息的地址前缀。           后端-》前端``

使用websocket还需要在界面引入js文件,可以自己去网上下。我这里用的是jquery。

<script src="//cdn.bootcss.com/sockjs-client/1.1.1/sockjs.min.js"></script><script src="/js/stomp.js"></script><script type="text/javascript" src="/js/jquery-1.11.3.js"></script>

第一篇文章目前到这。剩下的将在第二篇写完。

0 0