Springboot下使用WebSocket和浏览器进行长连接通信

WebSocket是Html5里面的一个东西。

WebSocket有别于从前的Http协议,http是无状态的。请求了一次服务器，下一次请求连自己都不知道自己上一次请求了什么内容，

然而，webSocket是长连接，只要进行一次连接，即可服务器和客户端进行双向通信,可以服务器向客户端推送信息。以前还没有websocket这个技术的时候是

通过ajax轮询来完成操作的。但是，隔一段时间就去问服务器,这样对服务器的压力是可想而知的。websocket就没有这样的问题。可以十分方便的实现长连接，

而且开销还不大。

注意,websocket是一个底层协议，可以理解为跟http是一个级别的。 STOMP则是基于websocket的上层协议。

还有一点需要注意的是,客户端浏览器有的还不支持websocket,此时可以用Sockjs来作为Websocket的备选方案。

sockjs一样可以作为STOMP的客户端。

那么现在来看Springboot环境下的代码。

代码摘自官网demo

package hello;
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 configureMessageBroker(MessageBrokerRegistry config)
{
 //这行代码是配置中间人的 url 一会儿服务器会将产生的信息发送到这个地址,由订阅该地址的websocket客户端消费掉。 
config.enableSimpleBroker( "/topic" );

 //websocket客户端将要发送到websocket服务端的信息地址,个人觉得是为了区别于像其他servlet地址
config.setApplicationDestinationPrefixes( "/app" );
}
@Override
public void registerStompEndpoints(StompEndpointRegistry registry)
{
//这个方法是产生了一个endpoint,参数为websocket的客户端要对服务器端进行连接的地址
registry.addEndpoint( "/gs-guide-websocket" ).withSockJS();
}
}

第一个java代码是启动WebSocket配置。不知读者朋友们是否写过tomcat下的websocket代码。

那会儿一个类实现了一个ServerApplicationConfig接口, 该接口位于 javax.websocket.server这个包下。

并且在tomcat容器启动时,寻找并注册开发者用@ServerEndPoint注解修饰的类

这里的代码也是一个意思

package hello;
import org.springframework.messaging.handler.annotation.MessageMapping;
import org.springframework.messaging.handler.annotation.SendTo;
import org.springframework.stereotype.Controller;
@Controller
public class GreetingController
{

 //这个地址也是让用户用户发送websocket客户端数据的地址 ,与上一个java代码拼接起来 ,所有websocket客户端应该发送的地址是 -----> /app/hello
@MessageMapping("/hello")

 //这个地址是websocket服务器端要把服务器回送的消息发送的地址，消息内容会由订阅了这个地址的websocket客户端消费掉
@SendTo("/topic/greetings")
public Greeting greeting(HelloMessage message) throws Exception
{
System.out.println("欢迎得到调用........");
System.out.println(message.getName());
Thread.sleep( 1000 ); // simulated delay
return new Greeting( "Hello, " + message.getName() + "!" );
}
}

/**
* 连接
*
* subscribe '/topic/greetings'
*/
function connect()
{
var socket = new SockJS('/gs-guide-websocket');
stompClient = Stomp.over(socket);
stompClient.connect({}, function (frame)
{
setConnected(true);
console.log('Connected: ' + frame);
stompClient.subscribe('/topic/greetings', function (greeting)
{
showGreeting(JSON.parse(greeting.body).content);
});
});
}

这段代码是用于进行websocket连接用的.

 var socket = new SockJS('/gs-guide-websocket');

这行代码里写的参数即为endpoint的地址。

stompClient.subscribe('/topic/greetings', function (greeting)
{
showGreeting(JSON.parse(greeting.body).content);
});

subscribe方法则是写的订阅的地址,订阅的地址一旦有了消息,就将其消费掉。得到信息后,在web浏览器内显示数据

/**
* 发送自己的信息
*/
function sendName()
{
stompClient.send("/app/hello", {}, JSON.stringify({'name': $("#name").val()}));
}

send方法里的参数就是websocket要发送的地址，上面的java代码里已经有了说明.

完整的代码在Spring的官网上有。

http://spring.io/guides/gs/messaging-stomp-websocket/

Springboot下使用WebSocket和浏览器进行长连接通信相关推荐

记录一次微信小程序进行长连接通信使用emoji表情
前言起因是工作中微信小程序要做一个实时聊天功能并且可以发表情,在微信官方文档中其实是有emoji扩展组件的,用法也大概说明:自己看了一下文档. 之后自己理了理思路,摸索着自己写一个. 正文 Emoj ...
qt websocket android,QT使用websocket进行长连接
一般我们用的最多的就是http请求,但是频繁的请求可能对服务造成的压力很大,所以今天谈谈websocket长连接,一句话:简单 1.什么是长连接? A:一次请求连接,终身使用,就可以长久的保持信息的交 ...
springboot框架下利用websocket实现即时通讯
springboot框架下利用websocket实现即时通讯(文章末尾有git项目打包文件,直接下载使用即可) 用websocket实现简单的在线聊天,先画个时序图,直观感受下流程 SystemCon ...
SpringBoot实现STOMP协议下的WebSocket
文章目录 WebSocket简介 STOMP简介上去就是干环境配置引入依赖新建WebSocket配置类新建保存用户认证信息的实体类MyPrincipalHandshakeHandler 握手 ...
java/web/springboot项目使用WebSocket消息推送
java/web/springboot项目使用WebSocket消息推送最近项目中,有消息推送的广播和在线咨询的功能,以前也没搞过啊,有些小伙伴估计也是,那肯定要赶紧学习起来啊~ 不说废话,今天就告 ...
如何用苹果手机进行长截图，自带3种截屏方式，任你随意挑选
每一款手机都各有优缺点.当我们将苹果手机与安卓手机进行对比的时候,就会发现,安卓手机很容易就能进行长截图,方式非常简单.而苹果手机的操作就相对麻烦一些,那么我们该如何解决苹果手机长截图这个问题呢? 1 ...
昆虫基因组DNA的优化提取，可进行长读测序
昆虫基因组DNA的优化提取,可进行长读测序通过布伦达·奥珀特(Brenda Oppert) 1,*, 萨曼莎·斯托斯(Samantha Stoss) 1个, 阿莱莎和尚 1个和蒂莫西·史密斯 ...
SpringBoot+Vue整合WebSocket实现前后端消息推送
场景 WebSocket HTTP 协议是一种无状态的.无连接的.单向的应用层协议.它采用了请求/响应模型.通信请求只能由客户端发起,服务端对请求做出应答处理. 这种通信模型有一个弊端:HTTP 协议 ...
Springboot中使用websocket发送信息给指定用户和群发
websocket是一种长连接协议,相较于传统的http短连接,websocket不仅可以由客户端向服务器发送消息,可以主动向客户端发起信息,经常用于及时聊天,游戏和服务器向客户端推送信息. 主要优点 ...

Springboot下使用WebSocket和浏览器进行长连接通信

Springboot下使用WebSocket和浏览器进行长连接通信相关推荐

最新文章

热门文章