websocket
在Http1.0和Http1.1协议中,我们要实现服务端主动的发送消息到网页或者APP上,是比较困难的,尤其是现在IM(即时通信)几乎是很多APP都需要实现的功能,我们往往采用一种轮询的方式让终端去请求服务器获取对应的数据,其实大多数的轮询都是无效的(即没有获得到任何的数据);另外一个方面,每一次轮询都是一个完整的Http请求,而根据Http协议,每一次请求都要在Header中携带大量的参数,这无疑对带宽也是一种极大的消耗。
html5的诞生为我们带来的WebSocket,WebSocket是基于Http协议的一种长连接协议,有了这种协议,我们就可以实现服务端主动往客户端发送消息的功能。
--->websocket简单讲解<---
websocket实现
<!DOCTYPE html>
<html>
<head>
<title>webSocket-》netty</title>
</head>
<body>
<div id="message">0</div>
<div id="time">0</div>
<div>
<input id="text" type="text" title="text"/>
</div>
<button onclick="send()">发送</button>
<button onclick="start()">开始</button>
<button onclick="closeWebSocket()">关闭</button>
</body>
<script>
var websocket = null;
//判断当前浏览器是否支持WebSocket
if ('WebSocket' in window) {
websocket = new WebSocket("ws://127.0.0.1:9001/websocket");
} else {
alert('Dont support websocket')
}
//连接发生错误的回调方法
websocket.onerror = function () {
setMessageInnerHTML("error");
};
//连接成功建立的回调方法
websocket.onopen = function () {
setMessageInnerHTML("open");
};
//接收到消息的回调方法
websocket.onmessage = function (event) {
setMessageInnerHTML(event.data);
};
//连接关闭的回调方法
websocket.onclose = function () {
setMessageInnerHTML("close");
};
//监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。
window.onbeforeunload = function () {
websocket.close();
};
//将消息显示在网页上
function setMessageInnerHTML(innerHTML) {
document.getElementById('message').innerHTML = parseInt(document.getElementById('message').innerHTML) + 1;
document.getElementById('time').innerHTML = innerHTML;
}
//关闭连接
function closeWebSocket() {
websocket.close();
window.clearInterval(intervalId);
}
//发送消息
function send() {
var message = document.getElementById('text').value;
websocket.send(message);
}
var intervalId = null;
//发送消息
function start() {
if (intervalId == null) {
intervalId = window.setInterval(function () {
websocket.send(JSON.stringify({id: 1, name: "admin"}));//不能直接发送json
}, 1000);
}
}
</script>
</html>
创建nettyServer
与接收http协议类似,这里使用了spring boot
WebSocketChannelHandler
package learning.netty.handler;
import learning.netty.util.GlobalUtil;
import io.netty.buffer.ByteBuf;
import