html 自动连接websocket_JFinal整合WebSocket

4c19e6d0a9b78ce4a8fb50745a8895ce.png

ee747fbbf7a0a3ba03fdd8eaa61d0648.png

以tomcat容器为例,tomcat7以上版本开始支持websocket,JFinal集成的jetty服务器不支持websocket

一、包依赖,tomcat7或是javaee包都行,两者二选一,容器中已提供所以只作为提供者

org.apache.tomcat
tomcat-websocket-api
7.0.47
provided

javax
javaee-api
7.0
provided

二、JFinal的配置,需要一个Handler拦截websocket请求,WebSocketHandler实现如下

package com.nmtx.manager.handler;

JFinalConfig中配置

/**
* 接收处理跳转
*/

配置WebSocket处理类

package com.nmtx.manager.controller.websocket;

三,html5端请求


<html><head><meta charset="UTF-8"> <title>Java后端WebSocket的Tomcat实现title>head><body>
Welcome<br/><input id="text" type="text"/><button onclick="send()">发送消息button><hr/><button onclick="closeWebSocket()">关闭WebSocket连接button><hr/><div id="message">div>body><script type="text/javascript">var websocket = null;//判断当前浏览器是否支持WebSocketif ('WebSocket' in window) {
websocket = new WebSocket("ws://localhost:8080/websocket");
}else {
alert('当前浏览器 Not support websocket')
}//连接发生错误的回调方法
websocket.onerror = function () {
setMessageInnerHTML("WebSocket连接发生错误");
};//连接成功建立的回调方法
websocket.onopen = function () {
setMessageInnerHTML("WebSocket连接成功");
}//接收到消息的回调方法
websocket.onmessage = function (event) {
setMessageInnerHTML(event.data);
}//连接关闭的回调方法
websocket.onclose = function () {
setMessageInnerHTML("WebSocket连接关闭");
}//监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。window.onbeforeunload = function () {
closeWebSocket();
}//将消息显示在网页上function setMessageInnerHTML(innerHTML) {document.getElementById('message').innerHTML += innerHTML + '
'
;
}//关闭WebSocket连接function closeWebSocket() {
websocket.close();
}//发送消息function send() {var message = document.getElementById('text').value;
websocket.send(message);
}
script>html>

四.打包搞定

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值