JAVA实现webSocket网页聊天室

一、什么是webSocket

WebSocket 是一种网络通信协议，是持久化协议。RFC6455 定义了它的通信标准。

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

二、为什么要使用webSocket

传统的web通信是使用的http技术，http协议是无状态的、无连接的、单向的应用层协议。一次请求只能对应一个响应，通信请求只能由客户端发出，服务端对请求做出响应。所以服务端发出响应是非常被动的，这种被动的响应注定了服务端无法及时的给客户端主动推送响应，如果服务端有连续的状态变化的时候，客户端获取是很困难的。通过频繁使用了异步ajax去不断地获取请求去实现长轮询，这样做是特别消耗性能，而且效率低下。（不停的握手，或者长时间保持live)。

而webSocket允许服务器和客户端之间建立全双工通信，只要建立一次连接，就能一直保持连接状态。一旦建立一次连接，就能双方互相通信，不需要多次握手。

三、实现WEB聊天室

添加pom.xml，引入jar包

<dependency>

      <groupId>javax</groupId>

         <artifactId>javaee-api</artifactId>

         <version>7.0</version>

         <scope>provided</scope>

 </dependency>

2.建立html和js文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>在线聊天室</title>

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

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</head>

<body>

  <div>

    <div><span>聊天室</span>

         <button class="btn btn-warning" onclick="doClose();">退出聊天</button>

    </div>

    <div><textarea class="form-control" style="width: 40%;" rows="3" id="contentInp"></textarea></div><hr/>

    <div><button class="btn btn-danger" onclick="doClear();">清空会话框</button></div>

    <div id="content">开始聊天<br/></div>

  </div>

</body>

<script type="text/javascript">

   var ws = new WebSocket("ws://localhost:8080/ws/websocket"); //controller层url

   $(function(){

       $("#contentInp").keyup(function(evt){

           if(evt.which == 13){ //enter键发送消息

               var htm = $("#contentInp").val();

               doSend(htm);

               $("textarea").empty();

           }

       });

   })

   ws.onopen = function(){

       appendHtm("连接成功！");

   }

   // 从服务端接收到消息，将消息回显到聊天记录区

   ws.onmessage = function(evt){

       appendHtm(evt.data);

   }

   ws.onerror = function(){

       appendHtm("连接失败！");

   }

   ws.onclose = function(){

       appendHtm("连接关闭！");

   }

   function appendHtm(htm){

       ($("#content")[0]).innerHTML += htm +"<br/>"

   }

   // 注销登录

   function doClose(){

       ws.close();

   }

   // 发送消息

   function doSend(htm){

      // ($("#content")[0]).innerHTML += htm +"<br/>"

       ws.send(htm);

   }

   function doClear(){

       $("#content").empty();

   }

</script>

</html>

3.后台java代码

package controller;

import java.io.IOException;

import java.util.concurrent.CopyOnWriteArraySet;

import javax.net.ssl.SSLSession;

import javax.websocket.OnClose;

import javax.websocket.OnError;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.ServerEndpoint;

@ServerEndpoint("/websocket")

public class WebScoketServer {

    private static Integer onlineNum = 0; //当前在线人数，线程必须设计成安全的

    private static CopyOnWriteArraySet<WebScoketServer> arraySet = new CopyOnWriteArraySet<WebScoketServer>(); //存放每一个客户的的WebScoketServer对象，线程安全

    private Session session;

    /**

     * 连接成功

     * @param session 会话信息

     */

    @OnOpen

    public void onOpen(Session session) {

        this.session =session;

        arraySet.add(this);

        this.addOnlineNum();

        System.out.println("有一个新连接加入，当前在线 "+this.getOnLineNum()+" 人");

    }

    /**

     * 连接关闭

     */

    @OnClose

    public void onClose() {

        arraySet.remove(this);

        this.subOnlineNum();

        System.out.println("有一个连接断开，当前在线 "+this.getOnLineNum()+" 人");

    }

    /**

     * 连接错误

     * @param session

     * @param error

     */

    @OnError

    public void onError(Session session, Throwable error) {

        System.err.println("发生错误！");

        error.printStackTrace();

    }

    /**

     * 发送消息,不加注解，自己选择实现

     * @param msg

     * @throws IOException

     */

    public void onSend(String msg) throws IOException {

        this.session.getBasicRemote().sendText(msg);

    }

    /**

     * 收到客户端消息回调方法

     * @param session

     * @param msg

     */

    @OnMessage

    public void onMessage(Session session, String msg) {

        System.out.println("消息监控："+msg);

        for (WebScoketServer webScoketServer : arraySet) {

            try {

                webScoketServer.onSend(msg);

            } catch (IOException e) {

                e.printStackTrace();

                continue;

            }

        }

    }

    /**

     * 增加一个在线人数

     */

    private synchronized void addOnlineNum() {

        onlineNum++;

    }

    /**

     * 减少一个在线人数

     */

    private synchronized void subOnlineNum() {

        onlineNum--;

    }

    private Integer getOnLineNum() {

        return onlineNum;

    }

}

4.完成后效果

JAVA实现webSocket网页聊天室的更多相关文章

WebSocket 网页聊天室
先给大家开一个原始的websocket的连接使用范例 <?php /* * recv是从套接口接收数据,也就是拿过来,但是不知道是什么 * read是读取拿过来的数据,就是要知道recv过来的是 ...
WebSocket 网页聊天室的实现（服务器端：.net + windows服务，前端：Html5）
websocket是HTML5中的比较有特色一块,它使得以往在客户端软件中常用的socket在web程序中也能轻松的使用,较大的提高了效率.废话不多说,直接进入题. 网页聊天室包括2个部分,后端服务器 ...
Java和WebSocket开发网页聊天室
小编心语:咳咳咳,今天又是聊天室,到现在为止小编已经分享了不下两个了,这一次跟之前的又不大相同,这一次是网页聊天室,具体怎么着,还请各位看官往下看~ Java和WebSocket开发网页聊天室一.项 ...
JavaWeb网页聊天室（WebSocket即时通讯）
原文:http://baike.xsoftlab.net/view/656.html Git地址 http://git.oschina.net/loopcc/WebSocketChat 概要: Web ...
Spring之WebSocket网页聊天以及服务器推送
Spring之WebSocket网页聊天以及服务器推送转自:http://www.xdemo.org/spring-websocket-comet/ /Springframework /Spring ...
Ext JS学习第十六天事件机制event（一） DotNet进阶系列(持续更新) 第一节：.Net版基于WebSocket的聊天室样例第十五节：深入理解async和await的作用及各种适用场景和用法第十五节：深入理解async和await的作用及各种适用场景和用法前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G
code&monkey Ext JS学习第十六天事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习今天我们来说一说什么是事件,对于事件 ...
基于flask的网页聊天室（四）
基于flask的网页聊天室(四) 前言接前天的内容,今天完成了消息的处理具体内容上次使用了flask_login做用户登录,但是直接访问login_requare装饰的函数会报401错误,这里可 ...
Java网络编程案例---聊天室
网络编程是指编写运行在多个设备(计算机)的程序,这些设备都通过网络连接起来. java.net包中JavaSE的API包含有类和接口,它们提供低层次的通信细节.你可以直接使用这些类和接口,来专注于解决 ...
基于WebSocket实现聊天室(Node)
基于WebSocket实现聊天室(Node) WebSocket是基于TCP的长连接通信协议,服务端可以主动向前端传递数据,相比比AJAX轮询服务器,WebSocket采用监听的方式,减轻了服务器压力 ...

随机推荐

HTML <!doctype>声明
昨天看代码的时候,发现在<!doctype>中添加了新的属性,以前写代码的时候并不会在该声明里添加新的属性.昨天看到了,就把它记下来学习一下,顺便整理成文档.以便日后复习. <!DO ...
内置对象（Math对象、Date对象、Array对象、String对象）常用属性和方法
Math对象 Math 是一个内置对象, 它具有数学常数和函数的属性和方法.不是一个函数对象. 与其它全局对象不同的是, Math 不是一个构造函数. Math 的所有属性和方法都是静态的. 跟数学 ...
[NOI2002] 贪吃的九头蛇
考虑任意一种划给大头的方案,两端的都给了大头(bel=1)的边产生难受值,剩下n-k个果子分给m-1个头,当m-1=1时,两端都给了这个小头也产生难受值:而m-1>1的情况要好看的多,贪心的,因 ...
C 语言实例 - 判断数字为几位数
C 语言实例 - 判断数字为几位数用户输入数字,判断该数字是几位数. 实例 #include <stdio.h> int main() { long long n; ; printf(& ...
洛谷 P1434 [SHOI2002]滑雪解题报告
这题方法有很多, 这里介绍2种: 方法1 很容易想到搜索, bfs或dfs应该都可以, 就不放代码了: 方法2 这题还可以用 dp 来做. 做法:先将每个点按照高度从小到大排序,因为大的点只能向小的点 ...
Netty（5）@Sharable
问题:我写了MyDecoder which extends ByteToMessageDecoder,单线程没问题,但是多线程时,报'the handler should be sharable'.查 ...
Jenkins执行yarn install报错：error An unexpected error occurred:"... ... :Unexpected end of JSON input"
解决方式: # cd /usr/local/n/versions/node/11.6.0/lib/(node的安装目录下) # rm -rf node_modules # yarn cache cle ...
074 Search a 2D Matrix 搜索二维矩阵
编写一个高效的算法来搜索 m x n 矩阵中的一个目标值.该矩阵具有以下特性: 每行中的整数从左到右排序. 每行的第一个整数大于前一行的最后一个整数.例如,以下矩阵:[ [1, 3, ...
CentOS 6.2安装配置LAMP服务器(Apache+PHP5+MySQL)
准备篇: 1.配置防火墙,开启80端口.3306端口 vi /etc/sysconfig/iptables -A INPUT -m state --state NEW -m tcp - ...
Hybrid app(cordova) 环境配置记录
node版本管理 NVM 安装过程由于最新版 node 不兼容部分功能,所以需要安装 nvm 切换 node 版本在 https://github.com/coreybutler/nvm-wind ...