websocket使用
兼容性介绍 : https://caniuse.com/#search=websockets
var websocket = null; //判断当前浏览器是否支持WebSocket
if ('WebSocket' in window) {
//websocket = new WebSocket("ws://192.168.1.58:8080/plant/servlet/PushMessage");
websocket = new WebSocket("ws://" + $("#webSocketIp").val() + ":" + $("#webSocketPort").val() + "/plant/servlet/PushMessage");
}
else {
alert('Not support websocket')
} //连接发生错误的回调方法
websocket.onerror = function () { }; //连接成功建立的回调方法
websocket.onopen = function (event) { }; //接收到消息的回调方法
websocket.onmessage = function (event) {
var message = eval("(" + event.data + ")");//转换后的JSON对象
// alert(obj.name);//json name
var url = window.location.href;
switch (message.header) {
case "nodeOffline":
if (message.concentId == $("#concentId").val()) {
$("#onlineState").attr("src", "images/photos/offline.png");
}
updateConcentLogs(message);
break;
case "nodeOnline":
if (message.concentId == $("#concentId").val()) {
$("#onlineState").attr("src", "images/photos/online.png");
}
updateConcentLogs(message);
break;
case "sensorAlarm":
if (message.regionId == regionId) {
updateSensorAlarm(message);
}
break;
case "sensorCurrentData":
if (message.schemeId == schemeId) {
if(url.indexOf("main")>0){
drawCurrentData(message);
}
if(url.indexOf("monitor")>0){
changeCurrentData(message);
} }
break;
case "deviceSwitchOperate":
//ionic对设备开关操作的推送
if (nodeId == message.nodeId) {
//如果当前显示界面显示的为推送过来的设备的开关状态,则改变其状态
switchState = message.switchState;
$("#deviceRow img").attr("src", switchState ? "images/photos/switchOn.png" : "images/photos/switchOff.png");
}
break;
case "lampSwitchOperate":
//ionic对植物灯开关操作的推送
if (nodeId == message.nodeId) {
//如果当前显示界面显示的为推送过来的植物灯的开关状态,则改变其状态
switchState = message.switchState;
$("#lampRow img").attr("src", switchState ? "images/photos/switchOn.png" : "images/photos/switchOff.png");
}
break;
}
} //连接关闭的回调方法
websocket.onclose = function () { } //监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。
window.onbeforeunload = function () {
websocket.close();
} //关闭连接
function closeWebSocket() {
websocket.close();
} //发送消息
function send() {
var message = document.getElementById('text').value;
websocket.send(message);
} function formatEventType(concentEventType) {
var eventType = '';
switch (concentEventType) {
case "ON_LINE":
eventType = "上线";
break;
case "OFF_LINE":
eventType = "下线";
break;
}
return eventType;
} function updateConcentLogs(message) {
var timeItems = $("#concentLogs").find("div[class='time-item']");
if (timeItems.length > 0) {
var newFirst = "" +
"<div class='time-item' >" +
"<div class='item-info'>" +
"<small class='text-muted'>" +
message.createTime +
"</small> " +
"<p><strong><a href='#' class='text-info'>" + message.concentName + "</a></strong>" +
formatEventType(message.concentEventType) +
"</p> " +
"</div>" +
"</div>";
$(timeItems[0]).before(newFirst);
$(timeItems[timeItems.length - 1]).remove();
}
} function updateSensorAlarm(message) {
var timeItems = $("#sensorAlarm a");
if (timeItems.length > 0) {
var newFirst = "<a href='#' class='dropdown-item notify-item'>" +
"<div class='notify-icon bg-success'><i class='icon-notebook'></i></div>" +
"<p class='notify-details'>" + message.content +
"<small class='text-muted'>" + message.createTime + "</small>" +
"</p>" +
"</a>";
$(timeItems[0]).before(newFirst);
$(timeItems[timeItems.length - 1]).remove();
}
$("#alarmNotice").removeAttr("hidden")
}
server:
package net.microlinktech.plant.web.servlet; import org.apache.log4j.Logger; import javax.websocket.*;
import javax.websocket.server.ServerEndpoint;
import java.util.concurrent.CopyOnWriteArraySet; @ServerEndpoint("/servlet/PushMessage")
public class PushWebSocketServlet { private static Logger logger = Logger.getLogger(PushWebSocketServlet.class); // 静态变量,用来记录当前在线连接数。
private static volatile int onlineCount = 0; // concurrent包的线程安全Set,用来存放每个客户端对应的MyWebSocket对象。
private static CopyOnWriteArraySet<PushWebSocketServlet> webSocketSet = new CopyOnWriteArraySet<>(); // 与某个客户端的连接会话,需要通过它来给客户端发送数据
private Session session; /**
* 连接建立成功调用的方法
*
* @param session 可选的参数。session为与某个客户端的连接会话,需要通过它来给客户端发送数据
*/
@OnOpen
public void onOpen(Session session) {
this.session = session;
webSocketSet.add(this); //加入set中
addOnlineCount(); //在线数加1
logger.info("有新连接加入!当前在线客户端为" + getOnlineCount());
} /**
* 连接关闭调用的方法
*/
@OnClose
public void onClose() {
webSocketSet.remove(this); //从set中删除
subOnlineCount(); //在线数减1 logger.info("有一连接关闭!当前在线客户端为" + getOnlineCount());
} @OnMessage
public void onMessage (String txt, Session session) {
System.out.println("onMessage: " + txt.toUpperCase());
} /**
* 发生错误时调用
*
* @param session
* @param error
*/
@OnError
public void onError(Session session, Throwable error) {
logger.error("发生错误", error);
} /**
* 发送消息到客户端
*
* @param message
*/
public void sendMessage(String message) {
// this.session.getBasicRemote().sendText(message);
this.session.getAsyncRemote().sendText(message);
} /**
* 群发消息
*
* @param message
*/
public static void pushMessage(String message) {
for (PushWebSocketServlet item : webSocketSet) {
item.sendMessage(message);
}
} public static synchronized int getOnlineCount() {
return onlineCount;
} public static synchronized void addOnlineCount() {
onlineCount++;
} public static synchronized void subOnlineCount() {
onlineCount--;
}
}
websocket使用的更多相关文章
- 漫扯:从polling到Websocket
Http被设计成了一个单向的通信的协议,即客户端发起一个request,然后服务器回应一个response.这让服务器很为恼火:我特么才是老大,我居然不能给小弟发消息... 轮询 老大发火了,小弟们自 ...
- 细说WebSocket - Node篇
在上一篇提高到了 web 通信的各种方式,包括 轮询.长连接 以及各种 HTML5 中提到的手段.本文将详细描述 WebSocket协议 在 web通讯 中的实现. 一.WebSocket 协议 1. ...
- java使用websocket,并且获取HttpSession,源码分析
转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/6238826.html 一:本文使用范围 此文不仅仅局限于spring boot,普通的sprin ...
- WebSocket - ( 一.概述 )
说到 WebSocket,不得不提 HTML5,作为近年来Web技术领域最大的改进与变化,包含CSS3.离线与存储.多媒体.连接性( Connectivity )等一系列领域,而即将介绍的 WebSo ...
- php+websocket搭建简易聊天室实践
1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...
- Demo源码放送:打通B/S与C/S !让HTML5 WebSocket与.NET Socket公用同一个服务端!
随着HTML5 WebSocket技术的日益成熟与普及,我们可以借助WebSocket来更加方便地打通BS与CS -- 因为B/S中的WebSocket可以直接连接到C/S的服务端,并进行双向通信.如 ...
- Cowboy 开源 WebSocket 网络库
Cowboy.WebSockets 是一个托管在 GitHub 上的基于 .NET/C# 实现的开源 WebSocket 网络库,其完整的实现了 RFC 6455 (The WebSocket Pro ...
- 借助Nodejs探究WebSocket
文章导读: 一.概述-what's WebSocket? 二.运行在浏览器中的WebSocket客户端+使用ws模块搭建的简单服务器 三.Node中的WebSocket 四.socket.io 五.扩 ...
- 细说websocket - php篇
下面我画了一个图演示 client 和 server 之间建立 websocket 连接时握手部分,这个部分在 node 中可以十分轻松的完成,因为 node 提供的 net 模块已经对 socket ...
- webSocket and LKDBHelper的使用说明
socketket与lkdbhelper来处理数据 客户需求: 当我们有需要从自己的后台推送消息给我们的用户时,用户需要实时的接收到来自我们的推送消息.前提是没有使用第三方的推送框架,那么这个使用we ...
随机推荐
- HTML5 localStorage使用教程
在客户端存储数据,HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前, ...
- php中__get()和__set的用法
php版本5.6 一般来说,总是把类的属性定义为private,这更符合现实的逻辑.但是,对属性的读取和赋值操作是非常频繁的,因此在PHP5中,预定义了两个函数“__get()”和“__set()”来 ...
- Redis的多线程
Redis是单线程内部机制,那么怎么实现并发?在单机上部署多个Redis实例.
- WPF中控制窗口显示位置的三种方式
首先新建一个WPF工程,在主界面添加一个按钮,并给按钮添加点击事件button1_Click,然后新建一个用于测试弹出位置的窗口TestWindow.1.在屏幕中间显示,设置window.Window ...
- JMeter和JMeterPlugin的下载安装
JMeter和JMeterPlugin的下载安装 Apache Jmeter是一个100%的纯Java桌面应用,主要是针对web的压力和性能测试,但后来扩展到其他测试领域.Jmeter可以用于测试FT ...
- Android 自定义 spinner (背景、字体颜色)
转自:http://blog.sina.com.cn/s/blog_3e333c4a010151cj.html 1.准备两张图片,并做好9.png 2.在drawable中定义spinner_se ...
- 如何手动关闭tomcat服务,不在Eclipse中的server里按那个红色按钮关
首先,找到Tomcat服务器的安装目录bin目录下的shutdown.bat.然后拖动到命令行进行操作,将Tomcat服务器关闭~ 将shutdown.bat 文件拖至命令行操作当中,执行该命令,即可 ...
- 原来zabbix监控进程与端口是如此的简单!
使用zabbix自带key监控进程与端口 每个公司都有自己的程序,自己的进程名与端口监听,对于nagios来说,这些都经常需要自己去写插件,但是zabbix不需要,它自己就有监控进程与端口的key. ...
- 杂项:Mantis
ylbtech-杂项:Mantis 缺陷管理平台Mantis,也做MantisBT,全称Mantis Bug Tracker.Mantis是一个基于PHP技术的轻量级的开源缺陷跟踪系统,以Web操作的 ...
- OSPF里几个特殊区域(stub、Totally stubby、NSSA、Totally NSSA)总结
网友总结: 简单的说,就是 stub过滤4,5类lsa,ABR会产生缺省的3类lsa,区域内不能引入外部路由 total stub过滤3,4,5类lsa,ABR会产生缺省的3类lsa,区域内不能引入外 ...