- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章详解在Spring Boot框架下使用WebSocket实现消息推送由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
spring Boot的学习持续进行中。前面两篇博客我们介绍了如何使用Spring Boot容器搭建Web项目以及怎样为我们的Project添加HTTPS的支持,在这两篇文章的基础上,我们今天来看看如何在Spring Boot中使用WebSocket.
什么是WebSocket 。
WebSocket为浏览器和服务器之间提供了双工异步通信功能,也就是说我们可以利用浏览器给服务器发送消息,服务器也可以给浏览器发送消息,目前主流浏览器的主流版本对WebSocket的支持都算是比较好的,但是在实际开发中使用WebSocket工作量会略大,而且增加了浏览器的兼容问题,这种时候我们更多的是使用WebSocket的一个子协议stomp,利用它来快速实现我们的功能。OK,关于WebSocket我这里就不再多说,我们主要看如何使用.
Project创建 。
使用WebSocket需要我们先创建一个Project,这个Project的创建方式和我们前文(初识Spring Boot框架)说的一样,不同的是在选择依赖的时候选择Thymeleaf和WebSocket依赖,如下图:
配置WebSocket 。
Project创建成功之后,我们先来配置WebSocket,创建如下类:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
@Configuration
@EnableWebSocketMessageBroker
public
class
WebSocketConfig
extends
AbstractWebSocketMessageBrokerConfigurer {
@Override
public
void
registerStompEndpoints(StompEndpointRegistry stompEndpointRegistry) {
stompEndpointRegistry.addEndpoint(
"/endpointSang"
).withSockJS();
}
@Override
public
void
configureMessageBroker(MessageBrokerRegistry registry) {
registry.enableSimpleBroker(
"/topic"
);
}
}
|
关于这个类我说如下几点:
1@EnableWebSocketMessageBroker注解表示开启使用STOMP协议来传输基于代理的消息,Broker就是代理的意思.
2.registerStompEndpoints方法表示注册STOMP协议的节点,并指定映射的URL.
3.stompEndpointRegistry.addEndpoint("/endpointSang").withSockJS();这一行代码用来注册STOMP协议节点,同时指定使用SockJS协议.
4.configureMessageBroker方法用来配置消息代理,由于我们是实现推送功能,这里的消息代理是/topic 。
创建浏览器发送消息的接收类 。
浏览器发送来的消息用这个类来接收:
1
2
3
4
5
6
7
8
|
public
class
RequestMessage {
private
String name;
public
String getName() {
return
name;
}
}
|
创建响应消息类 。
服务器返回给浏览器的消息由这个类来承载:
1
2
3
4
5
6
7
8
9
10
11
|
public
class
ResponseMessage {
private
String responseMessage;
public
ResponseMessage(String responseMessage) {
this
.responseMessage = responseMessage;
}
public
String getResponseMessage() {
return
responseMessage;
}
}
|
创建控制器 。
1
2
3
4
5
6
7
8
9
|
@Controller
public
class
WsController {
@MessageMapping
(
"/welcome"
)
@SendTo
(
"/topic/getResponse"
)
public
ResponseMessage say(RequestMessage message) {
System.out.println(message.getName());
return
new
ResponseMessage(
"welcome,"
+ message.getName() +
" !"
);
}
}
|
关于这个控制器,首先@Controller注解不必多言,say方法上添加的@MessageMapping注解和我们之前使用的@RequestMapping类似。@SendTo注解表示当服务器有消息需要推送的时候,会对订阅了@SendTo中路径的浏览器发送消息.
添加脚本 。
我们这个案例需要三个js脚本文件,分别是STOMP协议的客户端脚本stomp.js、SockJS的客户端脚本sock.js以及jQuery,这三个js文件拷贝到src/main/resources/static/js目录下。OK,这三个js文件我已经为小伙伴们准备好了,可以直接在文末下载案例,案例中有,也可以自行下载这三个js文件.
演示页面 。
在写这个HTML页面之前,我想先说我们要实现的效果是什么样子的。当我的Project启动之后,在浏览器访问消息发送页面,在该页面发送一条消息,当服务端收到这条消息之后给所有的连接上了服务器的浏览器都发送一条消息。OK,我们在src/main/resources/templates目录下新建一个ws.html页面,内容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
<html lang=
"en"
xmlns:th=
"http://www.thymeleaf.org"
>
<head>
<meta charset=
"UTF-8"
/>
<title>广播式WebSocket</title>
<script th:src=
"@{js/sockjs.min.js}"
></script>
<script th:src=
"@{js/stomp.js}"
></script>
<script th:src=
"@{js/jquery-3.1.1.js}"
></script>
</head>
<body onload=
"disconnect()"
>
<noscript><h2 style=
"color: #e80b0a;"
>Sorry,浏览器不支持WebSocket</h2></noscript>
<div>
<div>
<button id=
"connect"
onclick=
"connect();"
>连接</button>
<button id=
"disconnect"
disabled=
"disabled"
onclick=
"disconnect();"
>断开连接</button>
</div>
<div id=
"conversationDiv"
>
<label>输入你的名字</label><input type=
"text"
id=
"name"
/>
<button id=
"sendName"
onclick=
"sendName();"
>发送</button>
<p id=
"response"
></p>
</div>
</div>
<script type=
"text/javascript"
>
var
stompClient =
null
;
function
setConnected(connected) {
document.getElementById(
"connect"
).disabled = connected;
document.getElementById(
"disconnect"
).disabled = !connected;
document.getElementById(
"conversationDiv"
).style.visibility = connected ?
'visible'
:
'hidden'
;
// $("#connect").disabled = connected;
// $("#disconnect").disabled = !connected;
$(
"#response"
).html();
}
function
connect() {
var
socket =
new
SockJS(
'/endpointSang'
);
stompClient = Stomp.over(socket);
stompClient.connect({},
function
(frame) {
setConnected(
true
);
console.log(
'Connected:'
+ frame);
stompClient.subscribe(
'/topic/getResponse'
,
function
(response) {
showResponse(JSON.parse(response.body).responseMessage);
})
});
}
function
disconnect() {
if
(stompClient !=
null
) {
stompClient.disconnect();
}
setConnected(
false
);
console.log(
'Disconnected'
);
}
function
sendName() {
var
name = $(
'#name'
).val();
console.log(
'name:'
+ name);
stompClient.send(
"/welcome"
, {}, JSON.stringify({
'name'
: name}));
}
function
showResponse(message) {
$(
"#response"
).html(message);
}
</script>
</body>
</html>
|
这里虽然代码略多,但是仔细分析一下却也很简单。首先js文件引入的那一部分我就不再多说,这里如果又不理解的可以参考使用Spring Boot开发Web项目。然后我们的页面上先有两个按钮,一个是连接,一个是断开连接,两个按钮分别对应不同的点击事件,在这两个按钮下方有一个输入框,就是我们要发送的内容,然后还有一个发送按钮,发送按钮对应了一个发送消息的点击事件。这是整个页面的元素,很简单,我们这里重点来看一下js逻辑代码.
connect方法是当我点击连接按钮的时候执行的,var socket = new SockJS('/endpointSang');表示连接的SockJS的endpoint名称为/endpointSang,stompClient = Stomp.over(socket);表示使用STOMP来创建WebSocket客户端。然后调用stompClient中的connect方法来连接服务端,连接成功之后调用setConnected方法,该隐藏的隐藏,该显示的显示。然后再通过调用stompClient中的subscribe方法来订阅/topic/getResponse发送来的消息,也就是我们在Controller中的say方法上添加的@SendTo注解的参数。stompClient中的send方法表示发送一条消息到服务端,其他的都是常规的js用法我就不再赘述.
配置viewController 。
接下来就是要为ws.html提供路径映射:
1
2
3
4
5
6
7
|
@Configuration
public
class
WebMvcConfig
extends
WebMvcConfigurerAdapter {
@Override
public
void
addViewControllers(ViewControllerRegistry registry) {
registry.addViewController(
"/ws"
).setViewName(
"/ws"
);
}
}
|
OK,做完这一切之后我们就可以运行项目了,我同时打开多个浏览器,然后在其中一个上发送消息,我们来看看结果:
我在最上面的浏览器上发送消息,其他两个浏览器都能收到我的消息.
OK ,以上就是我们在Spring Boot框架下使用WebSocket实现消息推送的全过程.
本案例下载地址:demo 。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.
原文链接:http://blog.csdn.net/u012702547/article/details/53816326 。
最后此篇关于详解在Spring Boot框架下使用WebSocket实现消息推送的文章就讲到这里了,如果你想了解更多关于详解在Spring Boot框架下使用WebSocket实现消息推送的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
背景: 我最近一直在使用 JPA,我为相当大的关系数据库项目生成持久层的轻松程度给我留下了深刻的印象。 我们公司使用大量非 SQL 数据库,特别是面向列的数据库。我对可能对这些数据库使用 JPA 有一
我已经在我的 maven pom 中添加了这些构建配置,因为我希望将 Apache Solr 依赖项与 Jar 捆绑在一起。否则我得到了 SolarServerException: ClassNotF
interface ITurtle { void Fight(); void EatPizza(); } interface ILeonardo : ITurtle {
我希望可用于 Java 的对象/关系映射 (ORM) 工具之一能够满足这些要求: 使用 JPA 或 native SQL 查询获取大量行并将其作为实体对象返回。 允许在行(实体)中进行迭代,并在对当前
好像没有,因为我有实现From for 的代码, 我可以转换 A到 B与 .into() , 但同样的事情不适用于 Vec .into()一个Vec . 要么我搞砸了阻止实现派生的事情,要么这不应该发
在 C# 中,如果 A 实现 IX 并且 B 继承自 A ,是否必然遵循 B 实现 IX?如果是,是因为 LSP 吗?之间有什么区别吗: 1. Interface IX; Class A : IX;
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我正在阅读标准haskell库的(^)的实现代码: (^) :: (Num a, Integral b) => a -> b -> a x0 ^ y0 | y0 a -> b ->a expo x0
我将把国际象棋游戏表示为 C++ 结构。我认为,最好的选择是树结构(因为在每个深度我们都有几个可能的移动)。 这是一个好的方法吗? struct TreeElement{ SomeMoveType
我正在为用户名数据库实现字符串匹配算法。我的方法采用现有的用户名数据库和用户想要的新用户名,然后检查用户名是否已被占用。如果采用该方法,则该方法应该返回带有数据库中未采用的数字的用户名。 例子: “贾
我正在尝试实现 Breadth-first search algorithm , 为了找到两个顶点之间的最短距离。我开发了一个 Queue 对象来保存和检索对象,并且我有一个二维数组来保存两个给定顶点
我目前正在 ika 中开发我的 Python 游戏,它使用 python 2.5 我决定为 AI 使用 A* 寻路。然而,我发现它对我的需要来说太慢了(3-4 个敌人可能会落后于游戏,但我想供应 4-
我正在寻找 Kademlia 的开源实现C/C++ 中的分布式哈希表。它必须是轻量级和跨平台的(win/linux/mac)。 它必须能够将信息发布到 DHT 并检索它。 最佳答案 OpenDHT是
我在一本书中读到这一行:-“当我们要求 C++ 实现运行程序时,它会通过调用此函数来实现。” 而且我想知道“C++ 实现”是什么意思或具体是什么。帮忙!? 最佳答案 “C++ 实现”是指编译器加上链接
我正在尝试使用分支定界的 C++ 实现这个背包问题。此网站上有一个 Java 版本:Implementing branch and bound for knapsack 我试图让我的 C++ 版本打印
在很多情况下,我需要在 C# 中访问合适的哈希算法,从重写 GetHashCode 到对数据执行快速比较/查找。 我发现 FNV 哈希是一种非常简单/好/快速的哈希算法。但是,我从未见过 C# 实现的
目录 LRU缓存替换策略 核心思想 不适用场景 算法基本实现 算法优化
1. 绪论 在前面文章中提到 空间直角坐标系相互转换 ,测绘坐标转换时,一般涉及到的情况是:两个直角坐标系的小角度转换。这个就是我们经常在测绘数据处理中,WGS-84坐标系、54北京坐标系
在软件开发过程中,有时候我们需要定时地检查数据库中的数据,并在发现新增数据时触发一个动作。为了实现这个需求,我们在 .Net 7 下进行一次简单的演示. PeriodicTimer .
二分查找 二分查找算法,说白了就是在有序的数组里面给予一个存在数组里面的值key,然后将其先和数组中间的比较,如果key大于中间值,进行下一次mid后面的比较,直到找到相等的,就可以得到它的位置。
我是一名优秀的程序员,十分优秀!