`
m17185082163
  • 浏览: 29872 次
文章分类
社区版块
存档分类
最新评论

java WebSocket 即时通讯配置使用说明

 
阅读更多

1. 后台 启动类,执行main方法启动

package com.fh;
import java.io.IOException;
import java.net.InetSocketAddress;
import java.net.UnknownHostException;
import java.util.Date;

import net.sf.json.JSONObject;

import org.java_websocket.WebSocket;
import org.java_websocket.WebSocketImpl;
import org.java_websocket.framing.Framedata;
import org.java_websocket.handshake.ClientHandshake;
import org.java_websocket.server.WebSocketServer;


/**
 * @author FH
 * from fhadmin.cn
 * 2021-5-16
 */
public class ChatServer extends WebSocketServer{

	public ChatServer(int port) throws UnknownHostException {
		super(new InetSocketAddress(port));
	}

	public ChatServer(InetSocketAddress address) {
		super(address);
	}

	/**
	 * 触发连接事件
	 */
	@Override
	public void onOpen( WebSocket conn, ClientHandshake handshake ) {
		//this.sendToAll( "new connection: " + handshake.getResourceDescriptor() );
		//System.out.println( conn.getRemoteSocketAddress().getAddress().getHostAddress());
	}

	/**
	 * 触发关闭事件
	 */
	@Override
	public void onClose( WebSocket conn, int code, String reason, boolean remote ) {
		userLeave(conn);
	}

	/**
	 * 客户端发送消息到服务器时触发事件
	 */
	@Override
	public void onMessage(WebSocket conn, String message){
		message = message.toString();
		if(null != message && message.startsWith("FHadmin313596790")){
			this.userjoin(message.replaceFirst("FHadmin313596790", ""),conn);
		}if(null != message && message.startsWith("LeaveFHadmin313596790")){
			this.userLeave(conn);
		}if(null != message && message.contains("fhadmin886")){
			String toUser = message.substring(message.indexOf("fhadmin886")+10, message.indexOf("fhfhadmin888"));
			message = message.substring(0, message.indexOf("fhadmin886")) +"[私信]  "+ message.substring(message.indexOf("fhfhadmin888")+12, message.length());
			ChatServerPool.sendMessageToUser(ChatServerPool.getWebSocketByUser(toUser),message);//向所某用户发送消息
			ChatServerPool.sendMessageToUser(conn, message);//同时向本人发送消息
		}else{
			ChatServerPool.sendMessage(message.toString());//向所有在线用户发送消息
		}
	}

	public void onFragment( WebSocket conn, Framedata fragment ) {
	}

	/**
	 * 触发异常事件
	 */
	@Override
	public void onError( WebSocket conn, Exception ex ) {
		ex.printStackTrace();
		if( conn != null ) {
			//some errors like port binding failed may not be assignable to a specific websocket
		}
	}

	
	/**
	 * 用户加入处理
	 * @param user
	 */
	public void userjoin(String user, WebSocket conn){
		JSONObject result = new JSONObject();
		result.element("type", "user_join");
		result.element("user", "<a onclick=\"toUserMsg('"+user+"');\">"+user+"</a>");
		ChatServerPool.sendMessage(result.toString());				//把当前用户加入到所有在线用户列表中
		String joinMsg = "{\"from\":\"[系统]\",\"content\":\""+user+"上线了\",\"timestamp\":"+new Date().getTime()+",\"type\":\"message\"}";
		ChatServerPool.sendMessage(joinMsg);						//向所有在线用户推送当前用户上线的消息
		result = new JSONObject();
		result.element("type", "get_online_user");
		ChatServerPool.addUser(user,conn);							//向连接池添加当前的连接对象
		result.element("list", ChatServerPool.getOnlineUser());
		ChatServerPool.sendMessageToUser(conn, result.toString());	//向当前连接发送当前在线用户的列表
	}
	
	/**
	 * 用户下线处理
	 * @param user
	 */
	public void userLeave(WebSocket conn){
		String user = ChatServerPool.getUserByKey(conn);
		boolean b = ChatServerPool.removeUser(conn);				//在连接池中移除连接
		if(b){
			JSONObject result = new JSONObject();
			result.element("type", "user_leave");
			result.element("user", "<a onclick=\"toUserMsg('"+user+"');\">"+user+"</a>");
			ChatServerPool.sendMessage(result.toString());			//把当前用户从所有在线用户列表中删除
			String joinMsg = "{\"from\":\"[系统]\",\"content\":\""+user+"下线了\",\"timestamp\":"+new Date().getTime()+",\"type\":\"message\"}";
			ChatServerPool.sendMessage(joinMsg);					//向在线用户发送当前用户退出的消息
		}
	}
	public static void main( String[] args ) throws InterruptedException , IOException {
		WebSocketImpl.DEBUG = false;
		int port = 8887; //端口
		ChatServer s = new ChatServer(port);
		s.start();
		//System.out.println( "服务器的端口" + s.getPort() );
	}

}

2.ChatServerPool.java

package com.fh;

import java.util.ArrayList;
import java.util.Collection;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Set;

import org.java_websocket.WebSocket;

/**
 * @author FH
 * from fhadmin.cn
 * 2021-5-16
 */
public class ChatServerPool {

	/*保存连接的MAP容器*/
	private static final Map<WebSocket,String> userconnections = new HashMap<WebSocket,String>();
	
	/**
	 * 获取用户名
	 * @param session
	 */
	public static String getUserByKey(WebSocket conn){
		return userconnections.get(conn);
	}
	
	/**
	 * 获取WebSocket
	 * @param user
	 */
	public static WebSocket getWebSocketByUser(String user){
		Set<WebSocket> keySet = userconnections.keySet();
		synchronized (keySet) {
			for (WebSocket conn : keySet) {
				String cuser = userconnections.get(conn);
				if(cuser.equals(user)){
					return conn;
				}
			}
		}
		return null;
	}
	
	/**
	 * 向连接池中添加连接
	 * @param inbound
	 */
	public static void addUser(String user, WebSocket conn){
		userconnections.put(conn,user);	//添加连接
	}
	
	/**
	 * 获取所有的在线用户
	 * @return
	 */
	public static Collection<String> getOnlineUser(){
		List<String> setUsers = new ArrayList<String>();
		Collection<String> setUser = userconnections.values();
		for(String u:setUser){
			setUsers.add("<a onclick=\"toUserMsg('"+u+"');\">"+u+"</a>");
		}
		return setUsers;
	}
	
	/**
	 * 移除连接池中的连接
	 * @param inbound
	 */
	public static boolean removeUser(WebSocket conn){
		if(userconnections.containsKey(conn)){
			userconnections.remove(conn);	//移除连接
			return true;
		}else{
			return false;
		}
	}
	
	/**
	 * 向特定的用户发送数据
	 * @param user
	 * @param message
	 */
	public static void sendMessageToUser(WebSocket conn,String message){
		if(null != conn && null != userconnections.get(conn)){
			conn.send(message);
		}
	}
	
	/**
	 * 向所有的用户发送消息
	 * @param message
	 */
	public static void sendMessage(String message){
		Set<WebSocket> keySet = userconnections.keySet();
		synchronized (keySet) {
			for (WebSocket conn : keySet) {
				String user = userconnections.get(conn);
				if(user != null){
					conn.send(message);
				}
			}
		}
	}
}

3.前端


var websocket;
var isCreatw = false;
var title="";
var win;
var input;
var isQj = true;
var toUser="";
function toUserMsg(toU){
	if((!isQj && toUser == toU) || toU == user){
		win.setTitle(title + "&nbsp;&nbsp;(已连接)   【现在全局对话】");
		isQj = true;
		toUser = "";
	}else{
		win.setTitle(title + "&nbsp;&nbsp;(已连接)   【现在单独与"+toU+"对话】");
		isQj = false;
		toUser = toU;
	}
}
 function creatw() {
	 		if(isCreatw){
	 			alert("已经启动");
	 			return;
	 		}else{
	 			isCreatw = true;
	 		}
			//创建用户输入框
			input = Ext.create('Ext.form.field.HtmlEditor', {
						region : 'south',
						height : 120,
						enableFont : false,
						enableSourceEdit : false,
						enableAlignments : false,
						listeners : {
							initialize : function() {
								Ext.EventManager.on(me.input.getDoc(), {
											keyup : function(e) {
												if (e.ctrlKey === true
														&& e.keyCode == 13) {
													e.preventDefault();
													e.stopPropagation();
													send();
												}
											}
										});
							}
						}
					});
			
			//创建消息展示容器
			var output = Ext.create('MessageContainer', {
						region : 'center'
					});

			var dialog = Ext.create('Ext.panel.Panel', {
						region : 'center',
						layout : 'border',
						items : [input, output],
						buttons : [{
									text : '发送',
									handler : send
								}]
					});

			//初始话WebSocket
			function initWebSocket() {
				if (window.WebSocket) {
					websocket = new WebSocket(encodeURI('ws://127.0.0.1:8887'));
					
					websocket.onopen = function() {
						//连接成功
						win.setTitle(title + '&nbsp;&nbsp;(已连接)   【现在全局对话】');
						websocket.send('FHadmin313596790'+user);
					}
					websocket.onerror = function() {
						//连接失败
						win.setTitle(title + '&nbsp;&nbsp;(连接发生错误)');
					}
					websocket.onclose = function() {
						//连接断开
						win.setTitle(title + '&nbsp;&nbsp;(已经断开连接)');
					}
					//消息接收
					websocket.onmessage = function(message) {
						var message = JSON.parse(message.data);
						//接收用户发送的消息
						if (message.type == 'message') {
							output.receive(message);
						} else if (message.type == 'get_online_user') {
							//获取在线用户列表
							var root = onlineUser.getRootNode();
							Ext.each(message.list,function(user){
								var node = root.createNode({
									id : user,
									text : user,
									iconCls : 'user',
									leaf : true
								});
								root.appendChild(node);
							});
						} else if (message.type == 'user_join') {
							//用户上线
								var root = onlineUser.getRootNode();
								var user = message.user;
								var node = root.createNode({
									id : user,
									text : user,
									iconCls : 'user',
									leaf : true
								});
								root.appendChild(node);
						} else if (message.type == 'user_leave') {
								//用户下线
								var root = onlineUser.getRootNode();
								var user = message.user;
								var node = root.findChild('id',user);
								root.removeChild(node);
						}
					}
				}
			};

			//在线用户树
			var onlineUser = Ext.create('Ext.tree.Panel', {
						title : '在线用户',
						rootVisible : false,
						region : 'east',
						width : 150,
						lines : false,
						useArrows : true,
						autoScroll : true,
						split : true,
						iconCls : 'user-online',
						store : Ext.create('Ext.data.TreeStore', {
									root : {
										text : '在线用户',
										expanded : true,
										children : []
									}
								})
					});
			
			title = '欢迎您:' + user;
			//展示窗口
			win = Ext.create('Ext.window.Window', {
						title : title + '&nbsp;&nbsp;(未连接)',
						layout : 'border',
						iconCls : 'user-win',
						minWidth : 650,
						minHeight : 460,
						width : 650,
						animateTarget : 'websocket_button',
						height : 460,
						items : [dialog,onlineUser],
						border : false,
						listeners : {
							render : function() {
								initWebSocket();
							}
						}
					});

			win.show();
			
			win.on("close",function(){
				websocket.send('LeaveFHadmin313596790');
				isCreatw = false;
			 });

			//发送消息
			function send() {
				var content = input.getValue();
				if(toUser != ""){content = "fhadmin886"+toUser+"fhfhadmin888" + content;}
				var message = {};
				if (websocket != null) {
					if (input.getValue()) {
						Ext.apply(message, {
									from : user,
									content : content,
									timestamp : new Date().getTime(),
									type : 'message'
								});
						websocket.send(JSON.stringify(message));
						//output.receive(message);
						input.setValue('');
					}
				} else {
					Ext.Msg.alert('提示', '您已经掉线,无法发送消息!');
				}
			}
};

//用于展示用户的聊天信息
Ext.define('MessageContainer', {

	extend : 'Ext.view.View',

	trackOver : true,

	multiSelect : false,

	itemCls : 'l-im-message',

	itemSelector : 'div.l-im-message',

	overItemCls : 'l-im-message-over',

	selectedItemCls : 'l-im-message-selected',

	style : {
		overflow : 'auto',
		backgroundColor : '#fff'
	},

	tpl : [
			'<div class="l-im-message-warn">​欢迎使用FH Admin 即时通讯系统。</div>',
			'<tpl for=".">',
			'<div class="l-im-message">',
			'<div class="l-im-message-header l-im-message-header-{source}">{from}  {timestamp}</div>',
			'<div class="l-im-message-body">{content}</div>', '</div>',
			'</tpl>'],

	messages : [],

	initComponent : function() {
		var me = this;
		me.messageModel = Ext.define('Leetop.im.MessageModel', {
					extend : 'Ext.data.Model',
					fields : ['from', 'timestamp', 'content', 'source']
				});
		me.store = Ext.create('Ext.data.Store', {
					model : 'Leetop.im.MessageModel',
					data : me.messages
				});
		me.callParent();
	},

	//将服务器推送的信息展示到页面中
	receive : function(message) {
		var me = this;
		message['timestamp'] = Ext.Date.format(new Date(message['timestamp']),
				'H:i:s');
		if(message.from == user){
			message.source = 'self';
		}else{
			message.source = 'remote';
		}
		me.store.add(message);
		if (me.el.dom) {
			me.el.dom.scrollTop = me.el.dom.scrollHeight;
		}
	}
});

 

分享到:
评论

相关推荐

    基于layim框架的Java WebSocket即时通讯系统设计源码

    本项目是一款基于layim框架构建的Java WebSocket即时通讯系统设计源码,包含252个文件,涵盖75个GIF动画、57个Java源代码文件、54个PNG图片文件、25个JavaScript文件、12个XML配置文件、9个CSS样式文件、7个JSP页面...

    SSM框架实现WebSocket即时通讯

    在实现WebSocket即时通讯时,我们通常会使用Spring的WebSocket API和STOMP(Simple Text Oriented Messaging Protocol)协议。STOMP是一个简单的消息传输协议,适用于WebSocket,使得客户端和服务器间的数据交换变得...

    WebSocket 即时通讯demo

    在这个"WebSocket即时通讯demo"中,我们将会探讨WebSocket如何与SpringBoot框架结合实现一个简单的即时通讯应用。 首先,WebSocket的核心特性在于它的长连接机制。传统的HTTP协议基于请求-响应模型,每次交互都需要...

    java springboot+mybaits+mysql的websocket即时通讯聊天demo,支持单对单发送,群发

    在Java Web开发中,SpringBoot结合MyBatis和MySQL数据库构建WebSocket即时通讯系统是一个常见的实践。下面我们将深入探讨这个话题。 首先,让我们了解SpringBoot框架。SpringBoot简化了Spring应用的初始搭建以及...

    webSocket+java实现即时通讯聊天室,可直接导入运行

    这个"webSocket+java实现即时通讯聊天室"的项目,显然是利用了WebSocket的这一优势来构建一个实时的聊天系统。Java作为后端语言,提供了多种WebSocket库,如Jetty、Tomcat、Spring Boot等,它们都支持WebSocket协议...

    java webscoket 即时通讯源码

    标题"java websocket 即时通讯源码"表明这是一个关于使用Java实现WebSocket即时通讯的源代码示例。这个项目可能包含了服务器端和客户端的实现,展示了如何通过WebSocket协议进行数据传输,实现用户之间的实时交互。 ...

    websocket及时通讯demo

    总之,这个"websocket及时通讯demo"提供了一个使用Spring MVC和SockJS实现实时通讯的实例,涵盖了WebSocket协议的基础应用和浏览器兼容性问题的解决策略。开发者可以通过研究这个示例,了解如何在实际项目中实现...

    利用websocket实现即时通讯,支持语音图片分段发送

    在"利用WebSocket实现即时通讯,支持语音图片分段发送"这个项目中,开发者已经提供了SpringBoot服务器端的代码以及Android客户端的实现。SpringBoot是一个流行的Java框架,用于快速构建微服务应用。它内置了...

    基于websocket实现浏览器端文本、视频、语音的即时通讯.zip

    在基于WebSocket实现浏览器端文本、视频、语音的即时通讯中,我们可以深入理解以下几个关键知识点: 1. **WebSocket基本原理**:WebSocket协议是HTTP/1.1协议的一个扩展,它通过一次握手建立长连接,解决了HTTP协议...

    java Socket即时通讯

    Java Socket即时通讯是一种基于TCP/IP协议的网络通信方式,它允许两台计算机通过互联网进行双向数据传输。在Java中,Socket编程是实现客户端-服务器应用通信的基础,它提供了低级别的、面向连接的、可靠的字节流服务...

    WebSocket服务端程序v160_websocekt即时通讯_

    标题中的"WebSocket服务端程序v160_websocekt即时通讯_"指的是一个特定版本的WebSocket服务器程序,可能包含了用于处理即时通讯功能的代码和配置。这个版本号"v160"可能代表该软件的第160次迭代或更新,意味着它可能...

    WebSocket的Java和Tomcat7使用示例

    ### WebSocket的Java和Tomcat7使用详解 #### 一、WebSocket简介 ...为了改善这一状况,HTML5引入了WebSocket协议,这是一种在客户端...无论是即时通讯还是实时数据更新,WebSocket都能为用户提供更加流畅和及时的体验。

    java仿QQ聊天室(websocket)

    总结来说,Java仿QQ聊天室项目利用WebSocket实现即时通讯,前端通过JavaScript与WebSocket服务器交互,后端用Java处理连接和消息传输,数据库存储用户信息和聊天记录。项目部署时需注意数据库配置和服务器环境的设置...

    基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)

    【标题】"基于SpringBoot+h5+WebSocket的即时通讯客服系统和百度实时语音转译(语音在线识别)"涉及的关键技术主要包括SpringBoot框架、HTML5、WebSocket协议以及语音识别技术。这个系统利用现代Web技术构建了一个实时...

    WebSocket 实时通讯案例

    在Web应用程序中,WebSocket为实现即时通讯(Real-Time Communication,RTC)提供了强大的支持。本案例是基于Spring Boot和Mybatis框架的WebSocket整合应用,提供清晰的注释,方便理解和学习。 首先,我们要理解...

    java 基于SpringBoot+WebSocket+Redis分布式即时通讯群聊系统.zip

    标题中的“java 基于SpringBoot+WebSocket+Redis分布式即时通讯群聊系统”表明了这是一个使用Java编程语言,基于SpringBoot框架构建的实时通信系统。该系统利用WebSocket技术实现双向通信,通过Redis进行数据缓存和...

    基于java网站即时通讯系统毕业设计(项目报告+答辩PPT+源代码+数据库+截图+部署视频).zip

    这是一个基于Java技术实现的网站即时通讯系统的毕业设计项目,涵盖了从设计、开发到演示的完整流程。这个项目的核心目标是创建一个实时、高效且可靠的在线通信平台,使用户能够在网站内部进行实时的消息传递,增强...

    基于JAVA的即时通讯项目.zip

    【标题】:“基于JAVA的即时通讯项目.zip”表明这是一个使用Java编程语言开发的即时通讯(Instant Messaging,简称IM)项目。即时通讯系统允许用户实时发送和接收文本、语音、图片等信息,通常包括聊天、群组功能,...

    基于HTML5 WebSocket的一款IM即时通讯软件,使用Gradle集成了Scala、SpringBoot

    在这款即时通讯软件中,SpringBoot可能用于配置WebSocket端点、处理WebSocket消息、管理数据库连接以及提供RESTful API,以支持移动设备或者其他客户端的接入。 LayIM-master可能是项目源代码的名称,其中"Lay"可能...

Global site tag (gtag.js) - Google Analytics