添加依赖

        <!-- 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. 消除游戏源码 Match 3 Jewel Full 298 Levels

    Match 3 Jewel Full 298 Levels 一款unity3d编写的消消乐游戏, 关卡丰富,很好玩 下载地址:点击下载

  2. Codeforces Beta Round #40 (Div. 2)

    Codeforces Beta Round #40 (Div. 2) http://codeforces.com/contest/41 A #include<bits/stdc++.h> ...

  3. asp相关知识整理

    WWW----World Wide Web(万维网) URL----Uniform Resource Locator(统一资源定位符) HTTP----Hyper Text Transfer Prot ...

  4. class configured for Signature (provider: BC) cannot be found

    java.security.NoSuchAlgorithmException: class configured for Signature (provider: BC) cannot be foun ...

  5. linux命令学习之：touch

    touch命令有两个功能:一是用于把已存在文件的时间标签更新为系统当前的时间(默认方式),它们的数据将原封不动地保留下来:二是用来创建新的空文件. 语法 touch(选项)(参数) 选项 -a:或-- ...

  6. BCHABC/BCHSV的矛盾所在

    BCHABC: 将BCH以后发展智能合约: 消息方面: 吴忌寒:BCH分叉不可避免 未来可能继续分叉 近日,吴忌寒在北大光华管理学院的区块链培训课程上发表演讲表示,在这种言论自由地环境下,我认为分裂就 ...

  7. 常用Date操作方法

    public class DateUtils {     /**    * 获取时间戳    * 输出结果:1438692801766    */   @Test   public void getT ...

  8. 1、javaweb学习之配置文件web.xml

    今天这里主要讲述javaweb中的配置文件web.xml中的内容及其作用,都是基础部分,对于初学者需要好好掌握理解. 简单配置: <servlet>    <servlet-name ...

  9. 多进程copy文件

    from multiprocessing import Pool,Manager import os,time def copyFileTask(fileName,oldFolderName,newF ...

  10. javascript 高级程序设计 一

    前言: 作为一个即将毕业.正在实习的大学生,我也默默的进入了开发者的行列.从一开始的c#编码狗到java程序员再到现在的JS开发者,我一直 希望自己可以在这个'万恶'的互联网时代走的更远.但是我还是一 ...