jfinal框架websocket模拟发消息给多个设备

最新推荐文章于 2024-09-20 13:02:15 发布
最新推荐文章于 2024-09-20 13:02:15 发布
阅读量665 收藏 3
点赞数
CC 4.0 BY-SA版权
文章标签： jfinal websocket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43706875/article/details/96436052
本文介绍了一种利用WebSocket实现实时双向通信的技术方案。通过具体实例演示了如何在Java后端使用WebSocket进行消息推送，包括配置依赖、编写处理类及控制器等步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

WebSocket简介

  • WebSocket是一种在单个TCP连接上进行全双工通信的协议。
  • WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

场景

用html文件模拟设备在线状态，通过websocket协议实现消息推送。也就是模拟服务器向客户端推送消息。
直接上代码
1.配置pom

<!-- websocket -->
    <dependency>
      <groupId>javax.websocket</groupId>
      <artifactId>javax.websocket-api</artifactId>
      <version>1.1</version>
    </dependency>

2.创建handler jfinal框架需要重写handler，放开拦截

import com.jfinal.handler.Handler;
import com.jfinal.kit.StrKit;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.regex.Pattern;

public class WebSocketHandler extends Handler {

    private Pattern filterUrlRegxPattern;

    public WebSocketHandler(String filterUrlRegx) {
        if (StrKit.isBlank(filterUrlRegx)) {
            throw new IllegalArgumentException("The para filterUrlRegx can not be blank.");
        }
        filterUrlRegxPattern = Pattern.compile(filterUrlRegx);
    }

    @Override
    public void handle(String target, HttpServletRequest request, HttpServletResponse response, boolean[] isHandled) {
        if (!filterUrlRegxPattern.matcher(target).find()) {
            next.handle(target, request, response, isHandled);
        }
    }

}

在config 文件中配置所创建的WebSocketHandler
在这里插入图片描述
3.创建最重要WebSocketServer处理类

import com.jfinal.kit.JsonKit;

import javax.websocket.*;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.Map;
import java.util.concurrent.ConcurrentHashMap;

@ServerEndpoint("/websocket/{equ_no}")
public class WebSocketServer {

    //用来存放每个客户端对应的WebSocket对象。
    private static final Map<String, WebSocketServer> webSocketMap = new ConcurrentHashMap<String, WebSocketServer>();
    //与某个客户端的连接会话，需要通过它来给客户端发送数据
    private Session session;
    //设备编号
    private String equNo;

    /**
     * 连接建立成功调用的方法
     * 可选的参数。session为与某个客户端的连接会话，需要通过它来给客户端发送数据
     */
    @OnOpen
    public void onOpen(@PathParam("equ_no") String equNo, Session session) {
        this.equNo = equNo;
        this.session = session;
        webSocketMap.put(equNo, this);
        //System.out.println("onOpen_webSocketMap=" + JsonKit.toJson(webSocketMap));
        System.out.println("设备" + this.equNo + "连接打开！当前在线设备为" + webSocketMap.size());
        sendMessage(equNo, "设备" + equNo + "上线");
    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose() {
        webSocketMap.remove(this.equNo);
        System.out.println("设备" + this.equNo + "连接关闭！当前在线设备为" + webSocketMap.size());
        System.out.println("onClose_webSocketMap=" + JsonKit.toJson(webSocketMap));
    }

    /**
     * 收到客户端消息后调用的方法
     * message 客户端发送过来的消息
     * session 可选的参数
     */
    @OnMessage
    public void onMessage(String message, Session session) {
        System.out.println("来自设备" + this.equNo + "的消息:" + message);
        System.out.println("session=" + session.getId());
        sendMessage(message);
    }

    /**
     * 发生错误时调用
     */
    @OnError
    public void onError(Session session, Throwable error) {
        System.out.println("设备" + this.equNo + "发生错误");
        System.out.println("连接" + session.getId() + "发生错误");
        error.printStackTrace();
    }

    /**
     * 指定发送消息
     */
    public void sendMessage(String equNo, String message) {
        WebSocketServer me = webSocketMap.get(equNo);
        if (me != null) {
            me.sendMessage(message);
        } else {
            //this.sendMessage(equNo + " 不在线");
            System.out.println(equNo + " 不在线");
        }
    }

    /**
     * 向客户端 发送消息
     */
    public void sendMessage(String message) {
        try {
            this.session.getBasicRemote().sendText(message);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

}

4.测试Controller类

import cn.com.pajx.sn.core.mvc.controller.BaseAPIController;
import com.jfinal.aop.Clear;
import com.jfinal.aop.Inject;

public class WebSocketTestController extends BaseAPIController {

    @Inject
    private WebSocketTestService webSocketTestService;

    @Clear
    public void testSend() {
        //String equNo = getPara("equ_no");
        String equNos = "100001600001,100001600002";
        String content = getPara("content");
        String[] equNoArray = equNos.split(",");
        WebSocketServer server = new WebSocketServer();
        for (String equNo : equNoArray) {
            server.sendMessage(equNo,"给" + equNo + "发送的信息:"+content);
        }
        renderAPISuccess("推送成功");
    }

}

访问路径
在这里插入图片描述
5.测试HTML文件直接运行文件模拟上线
设备1：

<!DOCTYPE html>
<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" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">
		var websocket = null; //判断当前浏览器是否支持WebSocket
		//判断当前浏览器是否支持WebSocket
		if ('WebSocket' in window) {
			websocket = new WebSocket("ws://localhost:8080/websocket/100001600001");
		} else {
			alert('当前浏览器 Not support websocket')
		}


		function newWebSocket(url) {
			if ('WebSocket' in window) {
				console.log("建立链接")
				websocket = new WebSocket(url);
				console.log(websocket)
			} else {
				alert('请使用火狐或谷歌浏览器')
				return;
			}
		}
		
		//连接发生错误的回调方法
		websocket.onerror = function() {
			console.log("离线")
			setMessageInnerHTML("离线");
		}
		
		//连接成功建立的回调方法
		websocket.onopen = function() {
			setMessageInnerHTML("上线");
		}
		
		//接收到消息的回调方法
		websocket.onmessage = function(event) {
			console.log(event)
			setMessageInnerHTML(event.data);
		}
		
		//连接关闭的回调方法
		websocket.onclose = function() {
			setMessageInnerHTML("下线");
		}

		//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
		window.onbeforeunload = function() {
			closeWebSocket();
		}
		//将消息显示在网页上
		function setMessageInnerHTML(innerHTML) {
			document.getElementById('message').innerHTML += innerHTML + '<br/>';
		}
		//关闭WebSocket连接
		function closeWebSocket() {
			websocket.close();
		}
		//发送消息
		function send() {
			var message = document.getElementById('text').value;
			websocket.send(message);
		}
	</script>
</html>

在这里插入图片描述
设备2：(与设备1代码一致，复制粘贴修改一下访问地址即可)

<!DOCTYPE html>
<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" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">
		var websocket = null; //判断当前浏览器是否支持WebSocket
		//判断当前浏览器是否支持WebSocket
		if ('WebSocket' in window) {
			websocket = new WebSocket("ws://localhost:8080/websocket/100001600002");
		} else {
			alert('当前浏览器 Not support websocket')
		}


		function newWebSocket(url) {
			if ('WebSocket' in window) {
				console.log("建立链接")
				websocket = new WebSocket(url);
				console.log(websocket)
			} else {
				alert('请使用火狐或谷歌浏览器')
				return;
			}
		}
		
		//连接发生错误的回调方法
		websocket.onerror = function() {
			console.log("离线")
			setMessageInnerHTML("离线");
		}
		
		//连接成功建立的回调方法
		websocket.onopen = function() {
			setMessageInnerHTML("上线");
		}
		
		//接收到消息的回调方法
		websocket.onmessage = function(event) {
			console.log(event)
			setMessageInnerHTML(event.data);
		}
		
		//连接关闭的回调方法
		websocket.onclose = function() {
			setMessageInnerHTML("下线");
		}

		//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
		window.onbeforeunload = function() {
			closeWebSocket();
		}
		//将消息显示在网页上
		function setMessageInnerHTML(innerHTML) {
			document.getElementById('message').innerHTML += innerHTML + '<br/>';
		}
		//关闭WebSocket连接
		function closeWebSocket() {
			websocket.close();
		}
		//发送消息
		function send() {
			var message = document.getElementById('text').value;
			websocket.send(message);
		}
	</script>
</html>

在这里插入图片描述

  • 下面就可以访问测试路径，给设备1与设备2发送消息了。看效果ヽ(ー_ー)ノ
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

如此便大功告成了。
每天记录一点点。

龙小胖
关注
JFinal整合WebSocket做服务器向浏览器推送通知
Cyufeng的博客
07-26 478
记录一下使用jdk1.6版本采用JFinal整合WebSocket做消息推送 JFinal版本3.3 <dependency> <groupId>com.jfinal</groupId> <artifactId>jfinal</artifactId> <version>3.3</version> </dependency> AppConfig中 @Override public void c
jfinal 项目 添加websocket功能
qq_26352993的博客
06-14 1985
jfinal 项目 添加websocket功能项目需求尝试使用jfinal搭建基础版本增加websocket （重点）1. 修改pom.xml引入websocket 支持2. 增加首页 contrllor 文件和html文件3. 增加websocket handler文件4. 增加socket 处理文件5. 修改前端html文件编写websocket 消息处理函数6. 大功告成7. 经验教训和后续...
Jfinal整合Websocket
12-26
Jfinal框架集成整合websocket项目Demo，带新手入门哦 websocket项目Demo
jfinal消息服务器,JFinal整合WebSocket，服务端给客户端发送消息
weixin_33122261的博客
08-10 528
webSocket处理类com.zr.platform.websocketjava.io.IOExceptionjava.util.Setjava.util.concurrent.CopyOnWriteArraySetjava.util.concurrent.atomic.AtomicIntegerjavax.websocket.javax.websocket.javax.websocket.ja...
JFinal下使用websocket（转载+精简+排坑）
Wesley大胃王
06-24 5383
JFinal整合WebSocket开发
JFinal整合WebSocket开发
coates
11-16 6149
引用：https://my.oschina.net/u/136848/blog/781896 摘要: HTML5 WebSocket实现了服务器与浏览器的双向通讯，双向通讯使服务器消息推送开发更加简单，最常见的就是即时通讯和对信息实时性要求比较高的应用。以前的服务器消息推送大部分采用的都是“轮询”和“长连接”技术，这两中技术都会对服务器产生相当大的开销，而且实时性不是特别高。WebSocket技
jFinal下WebSocket的使用
NignSah的博客
10-20 1879
1.引入jar包 maven方式 <!-- https://mvnrepository.com/artifact/io.undertow/undertow-websockets-jsr --> <dependency> <groupId>io.undertow</groupId> <artifactId>undertow-websockets-jsr</artifactId> <version>2.
基于jfinal框架扩展的微信消息后台管理设计源码
最新发布
10-01
该项目是一款基于Jfinal框架扩展的微信消息后台管理设计源码，包含2107个文件，涵盖549个JavaScript脚本、187个Java源代码文件、335个PNG图片、175个LESS样式表、166个HTML文件、126个CSS样式文件、109个JPG图像、...
JFINAL整合web socket
07-12
HTML5 WebSocket实现了服务器与浏览器的双向通讯，双向通讯使服务器消息推送开发更加简单，最常见的就是即时通讯和对信息实时性要求比较高的应用。以前的服务器消息推送大部分采用的都是“轮询”和“长连接”技术，...
jfinal 整合websocket（简单实现）
龙小胖的博客
07-16 3094
jfinal 整合websocket（简单实现） 近期需要利用websocket实现消息推送，参考资源实现jfinal中整合demo 1.配置jar包 <dependency> <groupId>org.apache.tomcat</groupId> <artifactId>tomc...
JFinal 框架websocket配置
qq_38787653的博客
12-15 560
说明以tomcat容器为例，tomcat7以上版本开始支持websocket,JFinal集成的jetty服务器不支持websocket 一、包依赖，tomcat7或是javaee包都行，两者二选一，容器中已提供所以只作为提供者 <dependency> <groupId>org.apache.tomcat</groupId> <artifactId>tomcat-websocket-api</artifactId> <version&
JFinal整合Websocket
一川死水
09-20 1329
JFinal整合Websocket,Tomcat和Undertow环境下
JFinal结合webSocket
AAA821的专栏
01-26 1255
配置 me.add(new UrlSkipHandler("^/websocketTest", false)); Java代码 package com.eq.controller.data.shop.message; import java.io.IOException; import java.util.concurrent.Callable; import jav...
Jfinal websocket onMessage无法接收二进制音频数据问题
withme977的博客
02-23 710
websocket无法接收二进制音频数据接 收到消息自动断开连接
JFinal整合spring的websocket
小小黑
04-07 1074
在使用JFinal整合spring使用spring的websocket的时候，遇到了很多问题，下面介绍整合的全过程和要注意的点。（整个项目使用maven进行搭建，服务器用的是eclipse自带的jetty） 1.整个pom.xml文件的代码如下： 需要注意的是，jetty的版本要是9.+，这个在spring websocket的官方文档中是有说明的。 <project xmlns="http:/
jfinal+H5的websocket 实现同一账户在不同地点不同电脑只能登陆一个（互相踢下线）
05-12 4541
公司项目需求，因为项目是开账户卖钱的，为了避免有的用户开一个账户N个人用，所以要求A账户只能在一个地点登录，别人如果使用A账户在别的电脑或者地点登录后就会吧上一个人给踢下线，当然也可以让后一个登录的人登录不了，这都是看你逻辑怎么控制的。 效果类似是qq登录的效果，先来张实现后的图 具体实现: 分两步， 第一步使用 HttpSessionAttributeListene
jFinal整合webocket
q_1092535160的博客
05-19 995
前言 踩过的坑： Jfinal自带的服务器是jetty版本低是不支持websocket的 Tomcat8.5以上才支持websocket的 导入jar包tomcat-websocket-api-7.0.47.jar 1.pom形式 <dependency> <groupId>org.apache.tomcat</groupId> <artifactId>tomcat-websocket-a
JFinal与websocket整合
李少影的博客
04-09 1565
public class WebSocketHandler extends Handler{ private Pattern filterUrlRegxPattern; public WebSocketHandler(String filterUrlRegx) { if (StrKit.isBlank(filterUrlRegx)) throw new IllegalArgum
JFINAL框架下WebSocket技术的应用与优化
1. **WebSocket控制器实现：** 模拟服务器与客户端消息传递的逻辑。 2. **前端页面：** 与WebSocket服务端通信的HTML页面，可能包含JavaScript代码。 3. **路由配置：** 定义了WebSocket服务端点的路由规则。 4. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值