添加依赖

        <!-- websocket -->

        <dependency>

            <groupId>javax.websocket</groupId>

            <artifactId>javax.websocket-api</artifactId>

            <version>${websocket.version}</version>

            <scope>provided</scope>

        </dependency>

ChatServer后台类

package edu.nf.ws.server;

import javax.websocket.OnClose;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.PathParam;

import javax.websocket.server.ServerEndpoint;

import java.io.IOException;

import java.io.UnsupportedEncodingException;

import java.net.URLDecoder;

import java.sql.Time;

import java.util.Date;

import java.util.Set;

/**

 * @Author Eric

 * @Date 2018/12/5

 * WebSocket服务端

 */

@ServerEndpoint("/chat/server/{userName}")

public class ChatServer {

    /**

     * 当有客户端连接到服务端的时候就会调用这个方法

     * session代表客户端和服务端的一个连接会话对象，

     * 由容器负责创建和维护

     * @param session

     * @param userName

     */

    @OnOpen

    public void onOpen(Session session,@PathParam("userName") String userName) throws UnsupportedEncodingException {

        //userName=URLDecoder.decode(userName,"UTF-8");

        System.out.println("有客户端连接..."+userName);

        //将用户名保存到当前用户会话的属性中（有点类似作用域的概念）

        session.getUserProperties().put("user",userName);

    }

    /**

     * 客户端和服务器之间通信的方法，

     * 服务端每当接收客户端的消息就会调用这个方法

     * 注意：必须制定一个String类型的参数，表示接收到客户的文本消息

     * @param message

     * @param session

     */

    @OnMessage

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

        System.out.println("接收消息..."+message);

        //将消息发给所有人

        sendAllUser(message,session);

    }

    /**

     * 当客户端关闭或者断开连接时，服务端会调用此方法

     */

    @OnClose

    public void onClose(Session session) throws IOException {

        System.out.println("客户失去连接...");

        session.close();

    }

    private void sendAllUser(String message,Session session) throws IOException {

        //获取所有人的会话对象

        Set<Session> users = session.getOpenSessions();

        //获取发送人

        String sendUser = session.getUserProperties().get("user").toString();

        //发送给所有人

        for (Session user : users) {

            user.getBasicRemote().sendText(getTime()+"<br/>"+sendUser+":"+message);

        }

    }

    private Time getTime(){

        //创建当前时间

        Date date = new Date();

        Time time = new Time(date.getTime());

        return time;

    }

}

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>简易对话</title>

</head>

<body>

    <div id="login_div">

        用户名：<input type="text" id="userName" name="userName"/>

        <input type="button" id="login" value="login"/>

    </div>

    <div id="container" style="display: none">

        <div id="content"></div>

        <input type="text" id="msg" name="msg"/>

        <input type="button" id="send" value="send"/>

    </div>

    <script src="js/jquery-3.3.1.min.js"></script>

    <script>

        $(function () {

            var ws;

            //登陆

            $("#login").on("click",function () {

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

                //创建WebSocket对象并连接服务端

                ws = new WebSocket('ws://localhost:8080/chat/server/'+userName);

                //客户端打开连接时会回调此方法

                /*ws.onopen = function(){

                    //...

                }*/

                //客户端关闭或断开连接时执行此方法

                /*ws.onclose = function(){

                    //...

                }*/

                //接收服务端发送的信息

                ws.onmessage =function (message) {

                    $("#content").append(message.data+"<br/>")

                }

                $('#login_div').css('display','none');

                $('#container').css('display','block');

            });

            //发送信息

            $("#send").on('click',function () {

                var msg = $('#msg').val();

                //发送消息

                ws.send(msg);

            });

        });

    </script>

</body>

</html>

Servlet WebSocket的简易聊天室的更多相关文章

  1. 基于Node.js + WebSocket 的简易聊天室

    代码地址如下:http://www.demodashi.com/demo/13282.html Node.js聊天室运行说明 Node.js的本质就是运行在服务端的JavaScript.Node.js ...

  2. php+websocket搭建简易聊天室实践

    1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...

  3. node.js+websocket实现简易聊天室

    (文章是从我的个人主页上粘贴过来的,大家也可以访问我的主页 www.iwangzheng.com) websocket提供了一种全双工客户端服务器的异步通信方法,这种通信方法使用ws或者wss协议,可 ...

  4. node+websocket创建简易聊天室

    关于websocket的介绍太多,在这就不一一介绍了,本文主要实现通过websocket创建一个简易聊天室,就是90年代那种聊天室 服务端 1.安装ws模块,uuid模块,ws是websocket模块 ...

  5. 使用Html5下WebSocket搭建简易聊天室

    一.Html5WebSocket介绍 WebSocket protocol 是HTML5一种新的协议(protocol).它是实现了浏览器与服务器全双工通信(full-duplex). 现在,很多网站 ...

  6. WebSocket实现简易聊天室

    前台页面: <html> <head> <meta http-equiv="Content-Type" content="text/html ...

  7. 小案例-WebSocket实现简易聊天室

    前言 在详解 HTTP系列之一讲到HTTP/2.0 突破了传统的"请求-问答模式"这一局限,实现了服务器主动向客户端传送数据.而本章将通过一种在单个TCP连接上进行全双工通信的协议 ...

  8. 基于WebSocket的简易聊天室

    用的是Flash + WebSocket 哦~ Flask 之 WebSocket 一.项目结构: 二.导入模块 pip3 install gevent-websocket 三.先来看一个一对一聊天的 ...

  9. 使用go，基于martini，和websocket开发简易聊天室

    一.首先,需要了解一下websocket基本原理:here 二.go语言的websocket实现: 基于go语言的websocket也有不少,比如github.com/gorilla/websocke ...

随机推荐

  1. 188. Best Time to Buy and Sell Stock IV (Array; DP)

    Say you have an array for which the ith element is the price of a given stock on day i. Design an al ...

  2. 吉哥系列故事——恨7不成妻(数位DP)

    吉哥系列故事——恨7不成妻 http://acm.hdu.edu.cn/showproblem.php?pid=4507 Time Limit: 1000/500 MS (Java/Others)   ...

  3. 【linux命令总结】——后续用到的内容持续补充和更新

    比如说:某个文件是go文件,名字叫做 Hello.go 1.通过后台运行某个程序,将结果输出到某个文件, 如果是直接运行go程序:go run Hello.go 后台运行:nohup go run H ...

  4. PAT L2-014 列车调度(最长上升nlogn)

    火车站的列车调度铁轨的结构如下图所示. 两端分别是一条入口(Entrance)轨道和一条出口(Exit)轨道,它们之间有N条平行的轨道.每趟列车从入口可以选择任意一条轨道进入,最后从出口离开.在图中有 ...

  5. f5会话保持导致站点访问故障

    1.环境: vs Service Port为443和80,vip为10.160.100.66,pool为10.160.45.42/43的8080.80的vs重新到443. 2.问题: 单独访问源站都没 ...

  6. C#获取上传文件的扩展名

    然后在代码页中写//上传图片if (UpFile.PostedFile != null){   HttpPostedFile mFile= UpFile.PostedFile;   int fileS ...

  7. js阻止a标签默认事件的几种方法

    方法/步骤    疑问 打开编辑器,新建html并加入a标签,如图所示,小编想点击a标签时执行pop函数同时禁止a标签的默认的href跳转,该如何阻止呢?  方法一 要阻止a标签跳转,可以改变href ...

  8. Android开发之动态设置字体的样式和粗细

    字体设置通常有两种形式: 1:在xml中直接设置 android:textStyle="bold" android:typeface="sans" 2:用jav ...

  9. myeclipse的安装与配置和JUnit的简单使用

    安装配置 首先根据自己电脑系统选择合适的JDK版本 http://www.oracle.com/technetwork/java/javase/downloads/index.html 这是JDK下载 ...

  10. accept与epoll惊群 转载

    今天打开 OneNote,发现里面躺着一篇很久以前写的笔记,现在将它贴出来. 1. 什么叫惊群现象 首先,我们看看维基百科对惊群的定义: The thundering herd problem occ ...