一.WebSocket简单介绍

随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通信,扩展了浏览器与服务端的通信功能,使服务端也能主动向客户端发送数据。

我们知道,传统的HTTP协议是无状态的,每次请求(request)都要由客户端(如 浏览器)主动发起,服务端进行处理后返回response结果,而服务端很难主动向客户端发送数据;这种客户端是主动方,服务端是被动方的传统Web模式 对于信息变化不频繁的Web应用来说造成的麻烦较小,而对于涉及实时信息的Web应用却带来了很大的不便,如带有即时通信、实时数据、订阅推送等功能的应 用。在WebSocket规范提出之前,开发人员若要实现这些实时性较强的功能,经常会使用折衷的解决方法:轮询(polling)和Comet技术。其实后者本质上也是一种轮询,只不过有所改进。

轮询是最原始的实现实时Web应用的解决方案。轮询技术要求客户端以设定的时间间隔周期性地向服务端发送请求,频繁地查询是否有新的数据改动。明显地,这种方法会导致过多不必要的请求,浪费流量和服务器资源。

Comet技术又可以分为长轮询和流技术。长轮询改进了上述的轮询技术,减小了无用的请求。它会为某些数据设定过期时间,当数据过期后才会向服务端发送请求;这种机制适合数据的改动不是特别频繁的情况。流技术通常是指客户端使用一个隐藏的窗口与服务端建立一个HTTP长连接,服务端会不断更新连接状态以保持HTTP长连接存活;这样的话,服务端就可以通过这条长连接主动将数据发送给客户端;流技术在大并发环境下,可能会考验到服务端的性能。

这两种技术都是基于请求-应答模式,都不算是真正意义上的实时技术;它们的每一次请求、应答,都浪费了一定流量在相同的头部信息上,并且开发复杂度也较大。

伴随着HTML5推出的WebSocket,真正实现了Web的实时通信,使B/S模式具备了C/S模式的实时通信能力。WebSocket的工作流程是这 样的:浏览器通过JavaScript向服务端发出建立WebSocket连接的请求,在WebSocket连接建立成功后,客户端和服务端就可以通过 TCP连接传输数据。因为WebSocket连接本质上是TCP连接,不需要每次传输都带上重复的头部数据,所以它的数据传输量比轮询和Comet技术小 了很多。本文不详细地介绍WebSocket规范,主要介绍下WebSocket在Java Web中的实现。

JavaEE 7中出了JSR-356:Java API for WebSocket规范。不少Web容器,如Tomcat,Nginx,Jetty等都支持WebSocket。Tomcat从7.0.27开始支持 WebSocket,从7.0.47开始支持JSR-356,下面的Demo代码也是需要部署在Tomcat7.0.47以上的版本才能运行。

二.WebSocket示例

2.1.新建JavaWeb测试项目

在lib中加入 javaee-api-7.0.jar

客户端(Web主页)代码:

index.jsp

1 <%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title>Java后端WebSocket的Tomcat实现</title>

</head>

<body>

    Welcome<br/><input id="text" type="text"/>

    <button onclick="send()">发送消息</button>

    <hr/>

    <!--userno:发送消息人的编号-->

    发送人:<div id="userno">1234</div>

    接收人:<input type="text" id="usernoto"><br>

    <button onclick="closeWebSocket()">关闭WebSocket连接</button>

    <hr/>

    <div id="message"></div>

</body>

<script type="text/javascript">

    var websocket = null;

    var userno=document.getElementById('userno').innerHTML;

    //判断当前浏览器是否支持WebSocket

    if ('WebSocket' in window) {

        websocket = new WebSocket("ws://localhost:8080/WebSocket2/websocket/"+userno);

    }

    else {

        alert('当前浏览器 Not support websocket')

    }

//连接发生错误的回调方法

    websocket.onerror = function () {

        setMessageInnerHTML("WebSocket连接发生错误");

    };

//连接成功建立的回调方法

    websocket.onopen = function () {

        setMessageInnerHTML("WebSocket连接成功");

    }

//接收到消息的回调方法

    websocket.onmessage = function (event) {

        setMessageInnerHTML(event.data);

    }

//连接关闭的回调方法

    websocket.onclose = function () {

        setMessageInnerHTML("WebSocket连接关闭");

    }

//监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。

    window.onbeforeunload = function () {

        closeWebSocket();

    }

//将消息显示在网页上

    function setMessageInnerHTML(sendMessage) {

        document.getElementById('message').innerHTML += sendMessage + '<br/>';

    }

//关闭WebSocket连接

    function closeWebSocket() {

        websocket.close();

    }

//发送消息

    function send() {

        var message = document.getElementById('text').value;//要发送的消息内容

        var now=getNowFormatDate();//获取当前时间

        document.getElementById('message').innerHTML += (now+"发送人:"+userno+'<br/>'+"---"+message) + '<br/>';

        document.getElementById('message').style.color="red";

        var ToSendUserno=document.getElementById('usernoto').value; //接收人编号:4567

        message=message+"|"+ToSendUserno//将要发送的信息和内容拼起来,以便于服务端知道消息要发给谁

        websocket.send(message);

    }

    //获取当前时间

    function getNowFormatDate() {

        var date = new Date();

        var seperator1 = "-";

        var seperator2 = ":";

        var month = date.getMonth() + 1;

        var strDate = date.getDate();

        if (month >= 1 && month <= 9) {

            month = "0" + month;

        }

        if (strDate >= 0 && strDate <= 9) {

            strDate = "0" + strDate;

        }

        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate

                + " " + date.getHours() + seperator2 + date.getMinutes()

                + seperator2 + date.getSeconds();

        return currentdate;

}

</script>

</html>

index2.jsp

1<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title>Java后端WebSocket的Tomcat实现</title>

</head>

<body>

    Welcome<br/><input id="text" type="text"/>

    <button onclick="send()">发送消息</button>

    <hr/>

    <!--userno:发送消息人的编号-->

    发送人:<div id="userno">456</div>

    接收人:<input type="text" id="usernoto"><br>

    <button onclick="closeWebSocket()">关闭WebSocket连接</button>

    <hr/>

    <div id="message"></div>

</body>

<script type="text/javascript">

    var websocket = null;

    var userno=document.getElementById('userno').innerHTML;

    //判断当前浏览器是否支持WebSocket

    if ('WebSocket' in window) {

        websocket = new WebSocket("ws://localhost:8080/WebSocket2/websocket/"+userno);

    }

    else {

        alert('当前浏览器 Not support websocket')

    }

//连接发生错误的回调方法

    websocket.onerror = function () {

        setMessageInnerHTML("WebSocket连接发生错误");

    };

//连接成功建立的回调方法

    websocket.onopen = function () {

        setMessageInnerHTML("WebSocket连接成功");

    }

//接收到消息的回调方法

    websocket.onmessage = function (event) {

        setMessageInnerHTML(event.data);

    }

//连接关闭的回调方法

    websocket.onclose = function () {

        setMessageInnerHTML("WebSocket连接关闭");

    }

//监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。

    window.onbeforeunload = function () {

        closeWebSocket();

    }

//将消息显示在网页上

    function setMessageInnerHTML(sendMessage) {

        document.getElementById('message').innerHTML += sendMessage + '<br/>';

    }

//关闭WebSocket连接

    function closeWebSocket() {

        websocket.close();

    }

//发送消息

    function send() {

        var message = document.getElementById('text').value;//要发送的消息内容

        var now=getNowFormatDate();//获取当前时间

        document.getElementById('message').innerHTML += (now+"发送人:"+userno+'<br/>'+"---"+message) + '<br/>';

        document.getElementById('message').style.color="red";

        var ToSendUserno=document.getElementById('usernoto').value; //接收人编号:4567

        message=message+"|"+ToSendUserno//将要发送的信息和内容拼起来,以便于服务端知道消息要发给谁

        websocket.send(message);

    }

    //获取当前时间

    function getNowFormatDate() {

        var date = new Date();

        var seperator1 = "-";

        var seperator2 = ":";

        var month = date.getMonth() + 1;

        var strDate = date.getDate();

        if (month >= 1 && month <= 9) {

            month = "0" + month;

        }

        if (strDate >= 0 && strDate <= 9) {

            strDate = "0" + strDate;

        }

        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate

                + " " + date.getHours() + seperator2 + date.getMinutes()

                + seperator2 + date.getSeconds();

        return currentdate;

}

</script>

</html>

index3.jsp

1 <%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title>Java后端WebSocket的Tomcat实现</title>

</head>

<body>

    Welcome<br/><input id="text" type="text"/>

    <button onclick="send()">发送消息</button>

    <hr/>

    <!--userno:发送消息人的编号-->

    发送人:<div id="userno">789</div>

    接收人:<input type="text" id="usernoto"><br>

    <button onclick="closeWebSocket()">关闭WebSocket连接</button>

    <hr/>

    <div id="message"></div>

</body>

<script type="text/javascript">

    var websocket = null;

    var userno=document.getElementById('userno').innerHTML;

    //判断当前浏览器是否支持WebSocket

    if ('WebSocket' in window) {

        websocket = new WebSocket("ws://localhost:8080/WebSocket2/websocket/"+userno);

    }

    else {

        alert('当前浏览器 Not support websocket')

    }

//连接发生错误的回调方法

    websocket.onerror = function () {

        setMessageInnerHTML("WebSocket连接发生错误");

    };

//连接成功建立的回调方法

    websocket.onopen = function () {

        setMessageInnerHTML("WebSocket连接成功");

    }

//接收到消息的回调方法

    websocket.onmessage = function (event) {

        setMessageInnerHTML(event.data);

    }

//连接关闭的回调方法

    websocket.onclose = function () {

        setMessageInnerHTML("WebSocket连接关闭");

    }

//监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。

    window.onbeforeunload = function () {

        closeWebSocket();

    }

//将消息显示在网页上

    function setMessageInnerHTML(sendMessage) {

        document.getElementById('message').innerHTML += sendMessage + '<br/>';

    }

//关闭WebSocket连接

    function closeWebSocket() {

        websocket.close();

    }

//发送消息

    function send() {

        var message = document.getElementById('text').value;//要发送的消息内容

        var now=getNowFormatDate();//获取当前时间

        document.getElementById('message').innerHTML += (now+"发送人:"+userno+'<br/>'+"---"+message) + '<br/>';

        document.getElementById('message').style.color="red";

        var ToSendUserno=document.getElementById('usernoto').value; //接收人编号:4567

        message=message+"|"+ToSendUserno//将要发送的信息和内容拼起来,以便于服务端知道消息要发给谁

        websocket.send(message);

    }

    //获取当前时间

    function getNowFormatDate() {

        var date = new Date();

        var seperator1 = "-";

        var seperator2 = ":";

        var month = date.getMonth() + 1;

        var strDate = date.getDate();

        if (month >= 1 && month <= 9) {

            month = "0" + month;

        }

        if (strDate >= 0 && strDate <= 9) {

            strDate = "0" + strDate;

        }

        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate

                + " " + date.getHours() + seperator2 + date.getMinutes()

                + seperator2 + date.getSeconds();

        return currentdate;

}

</script>

</html>

Java Web后端代码

1 package com.aa.websocket;

import javax.websocket.*;

import javax.websocket.server.PathParam;

import javax.websocket.server.ServerEndpoint;

import java.io.IOException;

import java.text.DateFormat;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.concurrent.ConcurrentHashMap;

/**

 * @ServerEndpoint 注解是一个类层次的注解,它的功能主要是将目前的类定义成一个websocket服务器端,

 * 注解的值将被用于监听用户连接的终端访问URL地址,客户端可以通过这个URL来连接到WebSocket服务器端

 * @ServerEndpoint 可以把当前类变成websocket服务类

 */

@ServerEndpoint("/websocket/{userno}")

public class WebSocketTest {

    //静态变量,用来记录当前在线连接数。应该把它设计成线程安全的。

    private static int onlineCount = 0;

    //concurrent包的线程安全Set,用来存放每个客户端对应的MyWebSocket对象。若要实现服务端与单一客户端通信的话,可以使用Map来存放,其中Key可以为用户标识

    private static ConcurrentHashMap<String, WebSocketTest> webSocketSet = new ConcurrentHashMap<String, WebSocketTest>();

    //与某个客户端的连接会话,需要通过它来给客户端发送数据

    private Session WebSocketsession;

    //当前发消息的人员编号

    private String userno = "";

/**

     * 连接建立成功调用的方法

     *

     * @param session 可选的参数。session为与某个客户端的连接会话,需要通过它来给客户端发送数据

     */

    @OnOpen

    public void onOpen(@PathParam(value = "userno") String param, Session WebSocketsession, EndpointConfig config) {

        System.out.println(param);

        userno = param;//接收到发送消息的人员编号

        this.WebSocketsession = WebSocketsession;

        webSocketSet.put(param, this);//加入map中

        addOnlineCount();           //在线数加1

        System.out.println("有新连接加入!当前在线人数为" + getOnlineCount());

    }

/**

     * 连接关闭调用的方法

     */

    @OnClose

    public void onClose() {

        if (!userno.equals("")) {

            webSocketSet.remove(userno);  //从set中删除

            subOnlineCount();           //在线数减1

            System.out.println("有一连接关闭!当前在线人数为" + getOnlineCount());

        }

    }

/**

     * 收到客户端消息后调用的方法

     *

     * @param message 客户端发送过来的消息

     * @param session 可选的参数

     */

    @SuppressWarnings("unused")

//    @OnMessage

    public void onMessage(String message, Session session) {

        System.out.println("来自客户端的消息:" + message);

//        session.get

        //群发消息

        if (1 < 2) {

            sendAll(message);

        } else {

            //给指定的人发消息

            sendToUser(message);

        }

    }

/**

     * 给指定的人发送消息

     * @param message

     */

    @OnMessage

    public void sendToUser(String message) {

        String sendUserno = message.split("[|]")[1];

        String sendMessage = message.split("[|]")[0];

        String now = getNowTime();

        try {

            if (webSocketSet.get(sendUserno) != null) {

                webSocketSet.get(sendUserno).sendMessage(now + "用户" + userno + "发来消息:" + " <br/> " + sendMessage);

            } else {

                System.out.println("当前用户不在线");

            }

        } catch (IOException e) {

            e.printStackTrace();

        }

    }

/**

     * 给所有人发消息

     * @param message

     */

    private void sendAll(String message) {

        String now = getNowTime();

        String sendMessage = message.split("[|]")[0];

        //遍历HashMap

        for (String key : webSocketSet.keySet()) {

            try {

                //判断接收用户是否是当前发消息的用户

                if (!userno.equals(key)) {

                    webSocketSet.get(key).sendMessage(now + "用户" + userno + "发来消息:" + " <br/> " + sendMessage);

                    System.out.println("key = " + key);

                }

            } catch (IOException e) {

                e.printStackTrace();

            }

        }

    }

/**

     * 获取当前时间

     *

     * @return

     */

    private String getNowTime() {

        Date date = new Date();

        DateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

        String time = format.format(date);

        return time;

    }

    /**

     * 发生错误时调用

     *

     * @param session

     * @param error

     */

    @OnError

    public void onError(Session session, Throwable error) {

        System.out.println("发生错误");

        error.printStackTrace();

    }

/**

     * 这个方法与上面几个方法不一样。没有用注解,是根据自己需要添加的方法。

     *

     * @param message

     * @throws IOException

     */

    public void sendMessage(String message) throws IOException {

        this.WebSocketsession.getBasicRemote().sendText(message);

        //this.session.getAsyncRemote().sendText(message);

    }

public static synchronized int getOnlineCount() {

        return onlineCount;

    }

public static synchronized void addOnlineCount() {

        WebSocketTest.onlineCount++;

    }

public static synchronized void subOnlineCount() {

        WebSocketTest.onlineCount--;

    }

}

1.2.运行效果

页面1与页面3互相发送消息,页面2收不到任何信息

转载:https://blog.csdn.net/qq_39478853/article/details/79413453

T

java集成WebSocket向指定用户发送消息的更多相关文章

  1. java集成WebSocket向所有用户发送消息

    package com.reading.controller.library; import org.springframework.stereotype.Controller; import org ...

  2. 使用企业微信的API给指定用户发送消息

    上个月比较忙,等不忙了继续写点基础教程(五一还在高铁上写项目在).因为公司的原因,自己学习了点JavaWeb的知识,重新写了一个简单的后台管理,用于记录用户注册信息的.其中有这样的一个要求,就是在用户 ...

  3. 向指定用户发送WebSocket消息并处理对方不在线的情况

    使用SimpMessagingTemplate发送消息 使用org.springframework.messaging.simp.SimpMessagingTemplate类可以在服务端的任意地方给客 ...

  4. java后台通过Servlet给用户发送手机短信验证码,第一次写勿喷,欢迎转载

    短信验证码跟自己在Servlet画的验证码不一样,我们不用管短信验证码是怎么产生的,我们只需要关注如何调用短信验证码,在短信验证码里面添加 自己需要的随机数或者其他的内容. 现在直接上流程 第一步找一 ...

  5. 微信程序开发系列教程(二)使用JavaScript给微信用户发送消息

    我之前的文章 微信程序开发系列教程(一)开发环境搭建 介绍了微信开发环境的搭建,这篇文章我们就来一步步开发一些具体的功能. 功能需求:当有微信用户关注了您的公众号之后,您用JavaScript发送一个 ...

  6. PHP 结合前端 ajax 爬取网站信息后, 向指定用户发送指定短信;

    <?php /** * Description * @authors Your Name (you@example.org) * # 根据时时彩的最新一期的号码, 判断如果为首尾同号则发送短信 ...

  7. 公众号用户发送消息后台PHP回复没有反应的解决办法

    1.问题:微信公众平台官方提供下载的示例代码中,使用$postStr =$GLOBALS["HTTP_RAW_POST_DATA"];来获取微信服务器推送的消息数据.但是有的开发者 ...

  8. Linux给指定用户或全部用户(已登录)发送消息

    在局域网络内很多时候是许多人共用一些机器,但如果多个人同时在使用同一台机器必定会发生一些冲突,比如系统的某些配置被修改,这样引起一些麻烦.那么如果在使用该机器之前,先给登录到该机器的所有其他用户发送一 ...

  9. spring boot 集成 websocket 实现消息主动推送

    spring boot 集成 websocket 实现消息主动 前言 http协议是无状态协议,每次请求都不知道前面发生了什么,而且只可以由浏览器端请求服务器端,而不能由服务器去主动通知浏览器端,是单 ...

随机推荐

  1. input实现文件上传

    input实现文件上传 input + ajax 实现文件上传,包括文件大小及类型的判断 一.html <input type="file" id="file&qu ...

  2. angular $q的学习笔记转帖

    http://blog.segmentfault.com/bornkiller/1190000000402555 angular $q的一个不错的学习笔记

  3. 1012: [JSOI2008]最大数maxnumber 线段树

    https://www.lydsy.com/JudgeOnline/problem.php?id=1012 现在请求你维护一个数列,要求提供以下两种操作:1. 查询操作.语法:Q L 功能:查询当前数 ...

  4. 几款必备LINUX的命令行神器

    Dstat & sar iostat, vmstat, ifstat 三合一的工具,用来查看系统性能(我在<性能调优攻略>中提到过那三个xxstat工具). 官方网站:http:/ ...

  5. 新添加的DOM节点如何实现动画效果

    如何给新添加的DOM节点加动画效果 最近碰到项目中,在DOM节点中,添加新的 html 后 要有动画效果,一直没能很好地理解,尝试了各种方式,终于找出来了 简化版结构 代码如下 使用jq1.9以上版本 ...

  6. log4cpp总结

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  7. Java -- 使用阻塞队列(BlockingQueue)控制线程通信

    BlockingQueeu接口是Queue的子接口,但是它的主要作用并不是作为容器,而是作为线程同步的工具. 特征: 当生产者线程试图向BlockingQueue中放入元素时,如果该队列已满,则该线程 ...

  8. Linux:join命令详解

    join 处理两个文件之间的数据,并且将两个文件中有相同的数据的那一行加在一起 语法 join(选项)(file1 file2) 选项 -a<1或2>:除了显示原来的输出内容之外,还显示指 ...

  9. visual studio 调试时提示 已加载“C:\Windows\SysWOW64\ntdll.dll”。无法查找或打开 PDB 文件。

    问题描述 “Win32Project3.exe”(Win32): 已加载“D:\software\VS2013\VS2013 文档\Win32Project3\Debug\Win32Project3. ...

  10. SDP协议简述

    SDP协议也是文本协议,只需要按照协议本身的格式填充.SDP协议格式即详细信息如下: 会话描述 格式及举例 v=(protocol version) v=0 o=(owner/creator and ...