websocket(二)--简单实现网页版群聊

websocket可以实现服务端的消息推送，而不必在客户端轮询，大大的节省的资源，对于实时通讯来说简直是个大喜讯。

在上一篇文章中介绍了协议握手，这篇文章将通过实现简单的群聊来帮助进一步了解websocket。

注意：1.JavaEE版本为7.0

2.tomcat版本为8.0

3.不需要额外导入其他的jar包

由于websocket不支持低版本的javaEE和tomcat，所以必须符合上述条件，我是在Myeclipse2014 的IDE中进行编码的。

为了尽可能的使代码简洁以便更好的理解，所以代码中有些地方可能不全面，但不影响学习websocket。

首先是WebSocketServer类：

package socket;

import java.io.IOException;

import java.util.Set;

import java.util.concurrent.CopyOnWriteArraySet;

import javax.servlet.http.HttpSession;

import javax.websocket.EndpointConfig;

import javax.websocket.OnClose;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.ServerEndpoint;

@ServerEndpoint(value = "/socket",configurator=GetHttpSessionConfigurator.class)

public class WebSocketServer {

	private static final Set<WebSocketServer> onlineUsers =

            new CopyOnWriteArraySet<WebSocketServer>();  //静态变量 存储在线用户

	private HttpSession httpSession;

	private Session session;

	private String name;

	@OnMessage

    public void onMessage(String message, Session session)

        throws IOException, InterruptedException { 

		//将客户端传来的消息发送给所有在线用户

		sendMessageToAllOnline(session,this.name+" : "+message);

		//在控制台打印当前在线用户

		for(WebSocketServer webSocketServer:onlineUsers){

        	System.out.print(webSocketServer.name+"  ");

        }

        System.out.println();

    }  

    @OnOpen

    public void onOpen (Session session, EndpointConfig config) throws IOException {

        System.out.println("Client connected");  

        this.session = session;

        this.httpSession = (HttpSession) config.getUserProperties()

                .get(HttpSession.class.getName());

        this.name=(String) httpSession.getAttribute("name");

        onlineUsers.add(this);   //将用户信息添加到在线用户序列中

        //将上线消息发送给所有在线用户

        sendMessageToAllOnline(session,this.name+" 上线了");

    }  

    @OnClose

    public void onClose(Session session) throws IOException{

    	onlineUsers.remove(this);

        System.out.println("Connection closed");

        //将下线消息发送给所有在线用户

        sendMessageToAllOnline(session,this.name+" 下线了");

    }

   /**

    * 发送信息给所有在线用户.

    * @param session

    * @param message

    */

   public void sendMessageToAllOnline(Session session,String message) throws IOException{

	   for (Session sess : session.getOpenSessions()){

	  		  if (sess.isOpen()){

	  			  sess.getBasicRemote().sendText(message);

	  		  }

	   }

   }

}

由于这里边的session和平时使用的httpsession不是同一个，所以为了可以获取httpsession以便获取当前用户的信息，所以需要下面的类：

package socket;

import javax.servlet.http.HttpSession;

import javax.websocket.HandshakeResponse;

import javax.websocket.server.HandshakeRequest;

import javax.websocket.server.ServerEndpointConfig;

/**

 * 为获取httpSession提供支持

 * @author nagsh

 *

 */

public class GetHttpSessionConfigurator extends ServerEndpointConfig.Configurator{

	@Override

    public void modifyHandshake(ServerEndpointConfig config,

                                HandshakeRequest request,

                                HandshakeResponse response){

        HttpSession httpSession = (HttpSession)request.getHttpSession();

        config.getUserProperties().put(HttpSession.class.getName(),httpSession);

    }

}

该类在websocket的@ServerEndpoint注解中引用。

为了可以获取登陆用户的信息以便实现群聊，简单的写了一个登陆，会将用户信息存到session中

客户端:

<!DOCTYPE html>

<html>

  <head>

    <title>login.html</title>

  </head>

  <body>

    <form action="servlet/LoginServlet" method="post">

               姓名:<input type="text" name="name"/>

       <input type="submit">

    </form>

  </body>

</html>

服务端：

package socket;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

 * 处理用户的登陆.

 * @author nagsh

 *

 */

public class LoginServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)

			throws ServletException, IOException {

		doPost(request, response);

	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)

			throws ServletException, IOException {

		response.setContentType("text/html");

		PrintWriter out = response.getWriter();

		String name = request.getParameter("name");

		//将当前用户的信息存入session中

		request.getSession().setAttribute("name",name);

		//重定向到聊天界面

		response.sendRedirect("/websockettest/socketClient.jsp");

	}

}

然后下面是简单的聊天界面(勿吐槽哈) 该页面是在上篇文章实现握手的页面基础上简单修改的：

socketClient.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE html>

<html>

<head>

<title>Testing websockets</title>

 <script type="text/javascript" src="js/jquery.min.js"></script>

</head>

<script type="text/javascript">

	    /*   申请一个WebSocket对象，参数是需要连接的服务器端的地址 */

		var webSocket =  new WebSocket('ws://localhost:8080/websockettest/socket');

        /* 如果出现连接、处理、接收、发送数据失败的时候就会触发onerror事件 */

		webSocket.onerror = function(event) {

			onError(event)

		};

       /* 当websocket创建成功时，即会触发onopen事件 */

		webSocket.onopen = function(event) {

			onOpen(event)

		};

        /* 当客户端收到服务端发来的消息时，会触发onmessage事件，参数evt.data中包含server传输过来的数据 */

		webSocket.onmessage = function(event) {

			onMessage(event)

		};

        /* 当客户端收到服务端发送的关闭连接的请求时，触发onclose事件 */

        webSocket.onclose = function(event) {

			onMessage(event)

		};

		function onMessage(event) {

		   $("#messages").append(event.data+"<br/>");

		}

		function onOpen(event) {

		    $("#messages").append("成功建立连接...<br/>");

		    $("#messages").append(event.data);

		}

        function onClose(event) {

			$("#messages").append(event.data);

		}

		function onError(event) {

			alert("error");

		}

        //发送信息

        function send(){

            var content = $("#content").val();

            webSocket.send(content);

        }

	</script>

<body>

	<div id="messages"></div>

	<input type="text" id="content">

	<input type="button" value="发送" onclick="send()">

</body>

</html>

websocket(二)--简单实现网页版群聊的更多相关文章

分享：计算机图形学期末作业！！利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”
这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业 ...
Socket通信简单实现私聊、群聊（dos命令下）
很久以前的一个Demo,这里服务器只做转发功能,根据ID地址和端口号来标识身份,群聊和私聊只是简单实现, 服务器代码如下: import java.util.*; import java.io.*; ...
Linux Linux程序练习十二（select实现QQ群聊）
//头文件--helper.h #ifndef _vzhang #define _vzhang #ifdef __cplusplus extern "C" { #endif #de ...
基于WebSocket实现网页版聊天室
WebSocket ,HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议,其使用简单,应用场景也广泛,不同开发语言都用种类繁多的实现,仅Java体系中,Tomcat,Jetty,Sp ...
新开源HTML5单文件网页版ACME客户端，可在线申请Let's Encrypt、ZeroSSL免费HTTPS多域名通配符泛域名SSL/TLS证书（RSA/ECC/ECDSA）
目录开源项目的起源项目地址使用方法第一步:选择Let's Encrypt.ZeroSSL或其他证书颁发机构第二步:证书配置,填写域名第三步:完成域名所有权的验证第四步:下载保存证书PEM ...
flask + websocket实现简单的单聊和群聊
单聊 from flask import Flask,request,render_template from geventwebsocket.handler import WebSocketHand ...
websocket 实现简单网页版wechat
1.群聊 web - socket--基于TCP/UDP http - 无状态的短链接长连接:客户端和服务器保持永久性的链接,除非有一方主动断开, 轮询:客户端和服务端不断连接,然后断开,请求响应; ...
WebSocket+Java 私聊、群聊实例
前言之前写毕业设计的时候就想加上聊天系统,当时已经用ajax长轮询实现了一个(还不懂什么是轮询机制的,猛戳这里:https://www.cnblogs.com/hoojo/p/longPolling ...
Springboot整合WebSocket实现网页版聊天，快来围观！

随机推荐

C语言之linux内核实现位数高低位互换
linux内核实在是博大精深,有很多优秀的算法,我之前在工作中就遇到过位数高低位交换的问题,那时候对于C语言还不是很熟练,想了很久才写出来.最近在看内核的时候看到有内核的工程师实现了这样的算法,和我之 ...
application之OnLowMemory()和 OnTrimMemory(level)讲解
1. OnLowMemory OnLowMemory是Android提供的API,在系统内存不足,所有后台程序(优先级为background的进程,不是指后台运行的进程)都被杀死时,系统会调用OnLo ...
基于event 实现的线程安全的优先队列(python实现)
event 事件是个很不错的线程同步,以及线程通信的机制,在python的许多源代码中都基于event实现了很多的线程安全,支持并发,线程通信的库对于优先队列的堆实现,请看<python下实现 ...
JVM学习--(七)性能监控工具
前言工欲善其事必先利其器,性能优化和故障排查在我们大都数人眼里是件比较棘手的事情,一是需要具备一定的原理知识作为基础,二是需要掌握排查问题和解决问题的流程.方法.本文就将介绍利用性能监控工具,帮助开 ...
Eclipse下无法编译，或者WEB-INF/classes目录下没文件，编译失败的解决办法
1. 确保 project->build automatically 已经被选上. 2. 如果选上了,也不好使, 使用这一招: project->clean..->选第2个clean ...
解决distinct与order by 的冲突
sql="select distinct id from test order by otherfield desc" 需要找到不同的id,同时又想让记录按fbsj排序.但是这样一 ...
重装完的win10卡“请稍等”，然后电脑不断自动重启还是卡在“请稍等”？
http://bbs.pcbeta.com/viewthread-1625778-1-1.html 说实话我用U盘安装win10遇到过几次这种情况,不管是win10正式版还是之前的个别win10测试版 ...
sqlite db数据的导出
sqlite的db数据一般是filename.db的格式,用普通文本编辑器打开是乱码,用sqlite名令操作比较麻烦,有时版本格式问题还会起阻扰,有一个GUI工具可以对sqlite db格式数据进行管 ...
2013-9百度技术沙龙：Clouda与nodejs
Clouda 云端一体设计思路目前的App推广由于渠道原因非常难 Clouda是用Web技术做的移动App的框架实时在线将会启动一批新需求线下数据线上实时化本地存储Merge 面向数据的开发方 ...
使用ASP.NET SignalR实现一个简单的聊天室
前言距离我写上一篇博客已经又过了一年半载了,时间过得很快,一眨眼,就把人变得沧桑了许多.青春是短暂的,知识是无限的.要用短暂的青春,去学无穷无尽的知识,及时当勉励,岁月不待人.今天写个随笔小结记录一 ...

websocket(二)--简单实现网页版群聊

websocket(二)--简单实现网页版群聊的更多相关文章

随机推荐

热门专题