public static Collection getOnlineUser() {
List setUsers = new ArrayList();
Collection setUser = wsUserMap.values();
for (String u : setUser) {
setUsers.add(u);
}
return setUsers;
}
/**
• 移除连接池中的连接
•
• @param inbound
*/
public static boolean removeUser(WebSocket conn) {
if (wsUserMap.containsKey(conn)) {
wsUserMap.remove(conn); // 移除连接
return true;
} else {
return false;
}
}
/**
• 向特定的用户发送数据
•
• @param user
• @param message
*/
public static void sendMessageToUser(WebSocket conn, String message) {
if (null != conn && null != wsUserMap.get(conn)) {
conn.send(message);
}
}
/**
• 向所有的用户发送消息
•
• @param message
*/
public static void sendMessageToAll(String message) {
Set keySet = wsUserMap.keySet();
synchronized (keySet) {
for (WebSocket conn : keySet) {
String user = wsUserMap.get(conn);
if (user != null) {
conn.send(message);
}
}
}
}
}
3.接下来我们编写websocket的主程序类
该类用于管理[websocket]的生命周期。该类继承自WebSocketServer ,这是一个实现了runnable接口的类,他的构造函数需要传入一个端口,所以我们需要为websocket服务指定一个端口,该类有四个要重载的方法,[onOpen()]方法在连接创建成功以后调用,onClose在连接关闭以后调用,[onError方法]在连接发生错误的时候调用(一般连接出错以后触发了onError,也会紧接着触发onClose方法)。
onMessage方法在收到客户端发来消息的时候触发。我们可以在这个方法中处理客户端所传递过来的消息。
package com.xdx.websocket;
import java.net.InetSocketAddress;
import org.java_websocket.WebSocket;
import org.java_websocket.handshake.ClientHandshake;
import org.java_websocket.server.WebSocketServer;
public class WsServer extends WebSocketServer {
public WsServer(int port) {
super(new InetSocketAddress(port));
}
public WsServer(InetSocketAddress address) {
super(address);
}
@Override
public void onOpen(WebSocket conn, ClientHandshake handshake) {
// ws连接的时候触发的代码,onOpen中我们不做任何操作
}
@Override
public void onClose(WebSocket conn, int code, String reason, boolean remote) {
//断开连接时候触发代码
userLeave(conn); System.out.println(reason);
}
@Override
public void onMessage(WebSocket conn, String message) { System.out.println(message);
if(null != message &&message.startsWith(“online”)){
String userName=message.replaceFirst(“online”, message);//用户名
userJoin(conn,userName);//用户加入
}else if(null != message && message.startsWith(“offline”)){
userLeave(conn);
}
}
@Override
public void onError(WebSocket conn, Exception ex) {
//错误时候触发的代码
System.out.println(“on error”);
ex.printStackTrace();
}
/**
• 去除掉失效的websocket链接
• @param conn
*/
private void userLeave(WebSocket conn){
WsPool.removeUser(conn);
}
/**
• 将websocket加入用户池
• @param conn
• @param userName
*/
private void userJoin(WebSocket conn,String userName){
WsPool.addUser(userName, conn);
}
}
上述onMessage()方法中,我们接收到客户端传过来的一个message(消息),而这个客户端对应的websocket连接也被当成一个参数一起传递过来,我们通过message中携带的信息来判定这条信息对应是什么操作,如果是以online开头,则说明它是一条上线的是信息,我们就把该websocket和其对应的userName存入ws连接池中,如果是以offline开头,则说明websocket断开了,我们也没有必要维护这个websocket对应的map键值对,把它去除掉就好了。
4.如何在服务端开启这个socket呢
我们上面有说到[WsServer](的父类WebSocketServer 实现了一个runnable方法,由此可见我们需要在一个线程中运行这个WsServer,事实上,WebSocketServer 有个start()方法,其源码如下。
public void start() {
if( selectorthread != null )
throw new IllegalStateException( getClass().getName() + " can only be started once." );
new Thread( this ).start();;
}
很显然,它开了一个线程。所以我们可以用下面这样的方法来开启一个websocket线程。(该方法只是针对普通的java项目
,如果是web项目需要在项目启动的时候运行websocket线程,后面第7点会讲)
public static void main(String args[]){
WebSocketImpl.DEBUG = false;
int port = 8887; // 端口
WsServer s = new WsServer(port);
s.start();
}
我们运行这个main方法,就开启了websocket的服务端。
到目前为止,我们还没有编写任何客户端的代码。我们如何测试已经开了websocket服务端呢?网上有一个免费的测试工具。测试地址如下:[http://www.blue-zero.com/WebSocket/]
点击进去,写上我们的websocket服务地址。点击连接。如图所示。
如果连接成功,他就会显示“连接已建立,正在等待数据……”
我们再文本框中输入onlinexdx,然后点回车试试。
这就是模拟客户端向服务端发送onlinexdx请求,按前面的介绍,它会触发服务端的onMessage方法,我们看一下服务端控制台。除了我们希望看到的onlinexdx这个message,还有一些@heart,果然触发了这个方法。
@heart是这个免费页面发送过来的心跳检测包,目的是让websocket一直处于连接状态。
5.好了,接下来我们要来完成客户端部分的功能。
我想要实现的是后台用户登录以后,进入到后台主页的时候,执行websocket连接工作(就类似于上一步在免费页面点击连接按钮),然后向服务端发送[“online+userName”]这条消息,用以触发服务端的[onMessage方法,就可以将该[userName加入到连接池了。我们将这些代码封装[js])中。
var websocket = ‘’;
var ajaxPageNum = 1;
var last_health;
var health_timeout = 10;
var tDates = [], tData = [];
var rightIndex;
if ($(‘body’).attr(‘userName’) != ‘’ && $(‘body’).attr(‘ws’) == ‘yes’) {
var userName = $(‘body’).attr(‘userName’);
if (window.WebSocket) {
websocket = new WebSocket(
encodeURI(‘ws://’ + document.domain + ‘:8887’));
websocket.onopen = function() {
console.log(‘已连接’);
websocket.send(“online”+userName);
heartbeat_timer = setInterval(function() {
keepalive(websocket)
}, 60000);
};
websocket.onerror = function() {
console.log(‘连接发生错误’);
};
websocket.onclose = function() {
console.log(‘已经断开连接’);
initWs();
};
// 消息接收
websocket.onmessage = function(message) {
console.log(message)
showNotice(“新订单”, “您有新的逸品订单,请及时处理!”)
};
} else {
alert(“该浏览器不支持下单提醒。
建议使用高版本的浏览器,
如 IE10、火狐 、谷歌 、搜狗等”);}
}
var initWs = function() {
if (window.WebSocket) {
websocket = new WebSocket(
encodeURI(‘ws://’ + document.domain + ‘:8887’));
websocket.onopen = function() {
console.log(‘已连接’);
websocket.send(“online”+userName);
heartbeat_timer = setInterval(function() {
keepalive(websocket)
}, 60000);
};
websocket.onerror = function() {
console.log(‘连接发生错误’);
};
websocket.onclose = function() {
console.log(‘已经断开连接’);
initWs();
};
// 消息接收
websocket.onmessage = function(message) {
console.log(message)
showNotice(“新订单”, “您有新的逸品订单,请及时处理!”)
};
} else {
alert(“该浏览器不支持下单提醒。
建议使用高版本的浏览器,
如 IE10、火狐 、谷歌 、搜狗等”);}
}
var vadioTimeOut;
function showNotice(title, content) {
if (!title && !content) {
title = “新订单”;
content = “您有新的订单,请及时处理!”;
}
var iconUrl = “http://www.wonyen.com/favicon.ico”;
$(“#myaudio”)[0].play();// 消息播放语音
var playTime = 1;
var audio = document.createElement(“myaudio”);
clearTimeout(vadioTimeOut);
audio.addEventListener(‘ended’, function() {
vadioTimeOut = setTimeout(function() {
playTime = playTime + 1;
playTime < 3 ? audio.play() : clearTimeout(vadioTimeOut);
}, 500);
})
if (Notification.permission == “granted”) {
var notification = new Notification(title, {
body : content,
icon : iconUrl
});
notification.onclick = function() {
notification.close();
};
}
}
// 心跳包
function keepalive(ws) {
var time = new Date();
if (last_health != -1 && (time.getTime() - last_health > health_timeout)) {
// ws.close();
} else {
if (ws.bufferedAmount == 0) {
ws.send(‘HC’);
}
}
}
页面的主要代码如下。首先是引入上述js.这个js必须放在页面最后,因为它需要加载完页面以获取body的attr。
其次是在页面的body处加入[userName和ws属性。作为参数传递到js里面。还需要加入语音附件。
上述js代码清楚地展示了
在页面端的生命周期,需要注意的是,我们在onopen()方法中,先是向服务端发送online+userName]
进行上线处理,紧接着开始调用心跳包,避免websocket]
长时间闲置而失效。
[onmessage]方法中,我们处理收到服务端推送过来的消息,然后以语音和弹出窗的形式提醒客户端。
当然,我们在服务端可以通过封装[message这个参数,把它变成一个json对象,给这个[json](对象一个[msgType]属性,这样就可以根据[msgType的不同来执行不同的前端代码,比如[msgType=newOrder]_表示有新的订单,就行新订单到来的代码,msgType=newUser表示有新的用户注册,就执行新用户注册的代码。
这边我没做区分,因为我在服务端只发送用户购买订单的消息,所以所有的消息,我都执行showNotice这个方法。
6.最后一步,我们来编写从服务端向客户端发送消息的方法。
一旦有订单到来,我们就向所有的后台用户发送消息。我们可以模拟一下这个动作,写一个[controller]方法,调用[WsPoo的[sendMessageToAll]方法。