WebSocket推送

本篇博客只是记录websocket在自己的项目中的应用,只是记录,不做说明(后来替换为GoEasy了)。

/**
* 握手的设置,这其实是为了获取session
*/
public class GetHttpSessionConfigurator extends ServerEndpointConfig.Configurator {
@Override
public void modifyHandshake(ServerEndpointConfig config,
HandshakeRequest request,
HandshakeResponse response) {
HttpSession httpSession = (HttpSession) request.getHttpSession();
config.getUserProperties().put(HttpSession.class.getName(), httpSession);
}
}
/**
* JSR356定义了WebSocket的规范,Tomcat7中实现了该标准。
* JSR356 的 WebSocket 规范使用 javax.websocket.*的 API,
* 可以将一个普通 Java 对象(POJO)使用 @ServerEndpoint 注释作为 WebSocket 服务器的端点。
* value必须以"/"开始,是否已"/"结束无所谓,
* configurator指的是ServerEndpointConfig 的配置信息,可以配置握手协议等信息,而在本例中是为了获取session
*/
@ServerEndpoint(value = "/websocket/task", configurator = GetHttpSessionConfigurator.class)
public class TaskServer { private static Logger logger = LoggerFactory.getLogger(TaskServer.class); //ConcurrentHashMap在线程安全的基础上提供了更好的写并发能力,但同时降低了对读一致性的要求
private static final Map<String, Session> doctorMap = new ConcurrentHashMap<String, Session>(); //使用ServerEndpoint注释的类必须有一个公共的无参数构造函数
public TaskServer() {
} @OnOpen
public void onOpen(Session session, EndpointConfig config) {
HttpSession httpSession = (HttpSession) config.getUserProperties().get(HttpSession.class.getName());
if (httpSession == null) {
return;
}
// DoctorUser doctor = (DoctorUser) httpSession.getAttribute(Constants.SESSION_DOCTOR);
Doctoruser doctor = (Doctoruser) httpSession.getAttribute(Constants.SESSION_DOCTOR_USER); String doctorID = doctor.getId();
logger.info("doctor " + doctor.getName() + " id = " + doctor.getId() + " 建立连接");
doctorMap.put(doctorID, session);
// attributes.put(Constants.WEBSOCKET_DOCTORNAME,userName);
} @OnClose
public void onClose(Session session) {
// doctorMap.remove( doctorID);
boolean has = doctorMap.containsValue(session);
String doctorId = null;
if (has == true) {
for (Map.Entry entry : doctorMap.entrySet()) {
if (entry.getValue().equals(session)) {
doctorId = (String) entry.getKey();
doctorMap.remove(doctorId);
}
}
} else {
logger.info("on close error");
}
logger.info("doctor " + doctorId + " 断开连接");
} @OnMessage
public void incoming(String message, Session session) {
//logger.info("recv message: " + message);
sendMessage("pong",session);
} @OnError
public void onError(Throwable t) throws Throwable {
logger.info("socket 连接错误 " + t.toString());
} //把消息推送给前端,在本例中推送是给doctorID推送message(数据库表中任务表的id)
public static void broadcast(String doctorID, String message) {
Session session = doctorMap.get(doctorID);
if (session == null) {
logger.warn("用户:" + doctorID + "socket连接不存在");
return;
} session.getAsyncRemote().sendText(message); //非阻塞、异步 /*try {
//详见 《 websocket getAsyncRemote()和getBasicRemote()区别》
//http://blog.csdn.net/who_is_xiaoming/article/details/53287691 //session.getBasicRemote().sendText(message); //阻塞、同步
session.getAsyncRemote().sendText(message); //非阻塞、异步
} catch (IOException e) {
logger.error("推送消息错误--" + e);
doctorMap.remove(doctorID);
try {
session.close();
} catch (IOException e1) {
e1.printStackTrace();
}
}*/
} /**
* 发送信息
*
* @param message 发送内容
* @param session 用户session
*/
public void sendMessage(String message, Session session) {
try {
synchronized (session) {
if (session.isOpen()) {
session.getBasicRemote().sendText(message);
}
}
} catch (Exception e) {
logger.error("send message exception", e);
}
} public static boolean hasConnection(String doctorID) {
if (doctorMap.get(doctorID) == null) return false;
return true;
} public static List<String> getDoctorList() {
ArrayList<String> doctors = new ArrayList<>();
for (Map.Entry entry : doctorMap.entrySet()) {
doctors.add((String) entry.getKey());
}
return doctors;
} public static Map<String, Session> getDoctorMap() {
return doctorMap;
}
}
<script type="text/javascript">
/*
1.连接上之后,每秒发送一个心跳,服务器同样返回一个心跳,用来表示服务器没挂。
2.断线重连(我们测试的环境是断开网络连接),断开网络后,心跳包无法发送出去,所以如果当前时间距离上次成功心跳的时间超过20秒,说明连接已经出现问题了,此时需要关闭连接。
3.第一次关闭连接时websocket会尝试重连,设置了一个时间期限,10秒。10秒内如果能连上(恢复网络连接)就可以继续收发消息,连不上就关闭了,并且不会重连。
4.30秒内收不到服务器消息(心跳每秒发送),我就认为服务器已经挂了,就会调用close事件,然后进入第3步。
*/
/*
•一个定时器ws.keepAliveTimer,用来每秒发送一次心跳。
•上次心跳成功的时间ws.last_health_time以及当前时间let time = new Date().getTime();。
•断开连接(ws.close())时的时间reconnect,因为在close事件发生后需要重连10秒。
•是否已经重连过reconnectMark。
•断开连接(ws.close())时需要保存ws对象tempWs。我曾试图ws = { ...ws }发现会丢失绑定的事件。
•一个定时时间为30秒的setTimeout定时器ws.receiveMessageTimer,用来表示服务器是否在30秒内返回了消息。
*/ var ws = null;
var url = 'ws://' + window.location.host + "${rootPath}/websocket/task"; var queue = new Queue(); //js的队列先进先出,把推送任务放到里面 $(function () {
connect(url);
getTask();
}); //==============================================推送================================================
function connect(url) {
// 用户登录了并且没有连接过websocket
if ("${sessionScope.SESSION_DOCTOR_ACCOUNT.id}".length == 32) {
ws = new WebSocket(url);
ws.last_health_time = -1; // 上次心跳成功的时间 //保持连接
ws.keepalive = function () {
var time = new Date().getTime(); //当前时间
/*断线重连(我们测试的环境是断开网络连接),断开网络后,心跳包无法发送出去,
所以如果当前时间距离上次成功心跳的时间超过20秒,说明连接已经出现问题了,此时需要关闭连接。*/
if (ws.last_health_time !== -1 && time - ws.last_health_time > 20000) {
ws.close();
console.log("Info: connection closed.");
} else {
/*连接上之后,每秒发送一个心跳,服务器同样返回一个心跳,用来表示服务器没挂。
ws.bufferedAmount === 0 && ws.readyState === 1 均表示连接是正常的*/
if (ws.bufferedAmount === 0 && ws.readyState === 1) {
ws.send("ping");
ws.last_health_time = time;
}
}
} if (ws) {
var reconnectTime = 0; //断开连接的时间
var reconnectMark = false; //是否重连过
ws.onopen = function () {
reconnectTime = 0;
reconnectMark = false;
// 30s没收到信息,代表服务器出问题了,关闭连接。如果收到消息了,重置该定时器。
ws.receiveMessageTimer = setTimeout(function () {
ws.close();
console.log("Info: connection closed.");
}, 30000);
// 为1表示连接处于open状态,keepAliveTimer用来每秒发送一次心跳;
if (ws.readyState === 1) {
ws.keepAliveTimer = setInterval(function () {
ws.keepalive();
}, 5000);
}
console.log("Info: connection opened. " + url);
} ws.onerror = function () {
console.error("onerror");
}
ws.onmessage = function (event) {
//console.log("Received:" + event.data+" "+new Date().getTime());
//真正的逻辑代码
if(event.data!="pong"){
queue.push(event.data);
playSound();
$("#taskNum").html(queue.size());
var src1 = $("#iframe").attr("src");
if (src1 == "doctor/noTask.do") {
srcValue("doctor/ecgTask.do");
}
} // 收到消息,重置定时器
clearTimeout(ws.receiveMessageTimer);
// 30s没收到信息,代表服务器出问题了,关闭连接。
ws.receiveMessageTimer = setTimeout(function () {
ws.close();
console.log("Info: connection closed.");
}, 30000);
} ws.onclose = function () {
clearTimeout(ws.receiveMessageTimer);
clearInterval(ws.keepAliveTimer);
// 如果没有重连过,进行重连。
if (!reconnectMark) {
reconnectTime = new Date().getTime();
reconnectMark = true;
}
var tempWs = ws; // 保存ws对象 /*第一次关闭连接时websocket会尝试重连,设置了一个时间期限,10秒。
10秒内如果能连上(恢复网络连接)就可以继续收发消息,连不上就关闭了,并且不会重连。*/
if (new Date().getTime() - reconnectTime >= 10000) {
ws.close();
console.log("Info: connection closed.");
} else {
ws = new WebSocket(url);
ws.onopen = tempWs.onopen;
ws.onmessage = tempWs.onmessage;
ws.onerror = tempWs.onerror;
ws.onclose = tempWs.onclose;
ws.keepalive = tempWs.keepalive;
ws.last_health_time = -1;
}
}
} else {
alert("This browser does not support webSocket");
return false;
}
}
} <!--断开连接-->
function disconnect() {
if (ws!= null) {
ws.close();
ws = null;
window.location = document.getElementsByTagName("base")[0].getAttribute("href")+ "doctor/logout.do";
}
} <!--播放音乐-->
function playSound() {
var borswer = window.navigator.userAgent.toLowerCase();
if (borswer.indexOf("ie") >= 0) {
//IE内核浏览器
var strEmbed = '<embed name="embedPlay" src="sounds/doctorTask.wav" autostart="true" hidden="true" loop="false"></embed>';
if ($("body").find("embed").length <= 0)
$("body").append(strEmbed);
var embed = document.embedPlay;
//浏览器不支持 audion,则使用 embed 播放
embed.volume = 100;
//embed.play();这个不需要
} else {
var audio = new Audio("sounds/doctorTask.wav");
//audio.loop="loop";
audio.play();
}
} <!--onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。-->
window.onbeforeunload = signout;
function signout() {
disconnect();
} //改变iframe的src值
function srcValue(val) {
$("#iframe").attr("src", val);
} //退出
function logout(){
disconnect();
$("#exitModal").modal("hide");
}
</script>
上一篇:通通的最后一篇博客(附自制html5平面射击小游戏一枚)


下一篇:鸿蒙内核源码分析(静态站点篇) | 五一哪也没去就干了这事 | 百篇博客分析OpenHarmony源码 | v52.02