添加依赖

        <!-- 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. oracle中获取当前整点和上一个小时整点，日期类型

    select to_date(to_char(sysdate,'yyyy-mm-dd hh'),'yyyy-mm-dd hh:mi:ss') from dual;select to_date(to_c ...

  2. Linux 有线 校园网

    1.首先在ifconfig命令在终端查看自己的ip地址,然后记录下来 2.然后用sudo -i 命令转换到root权限下 3.在自己家目录下输入pppoeconf 4.遇到username时,讲自己的 ...

  3. Android Studio连接真机调试

    1.安装配置Android studio2.2 2.下载手机驱动或者安装手机助手(360手机助手) 3.用手机助手连接用于调试的手机 注意手机要开启开发者模式->允许USB调试 4.查看手机连接 ...

  4. linux下安装以及升级npm，node的方法

    1.最开始使用阿里云文档提供的安装方法一直都是失败的状态,后来找到了新的方法重新安装,按照以下操作一步一步的走即可实现,亲测可用 2.安装完之后,会发现npm和node的版本都偏低,需要重新升级以下, ...

  5. Mysql数据库(一)

    一 什么是数据库 一般来说,所有的数据都要存储在硬盘中,为了方便对这些数据的管理因此就出现了例如MySQL SQLserver oracle等数据库管理软件. 数据库中的数据按一定的数据模型组织.描述 ...

  6. golang 通过fsnotify监控文件，并通过文件变化重启程序

    一.下载我们需要的包 > go get github.com/fsnotify/fsnotify 二.使用fsnotify监控文件 package main; import ( "gi ...

  7. （转）android:inputType参数类型说明

    android:inputType参数类型说明 android:inputType="none"--输入普通字符 android:inputType="text" ...

  8. C# 获取 存储过程 返回值

    C#获取存储过程的返回值,这一方法,总是容易忘,今天给贴出来,以方便下次使用 存储过程: CREATE  PROCEDURE [dbo].[Proc_GetInfo]     ),     ) out ...

  9. c++计时

    一.clock#include<ctime>clock_t start,end;start=clock();end=clock();cout<<start<<',' ...

  10. idea 高级调试技巧

    两年前写过一篇关于idea的高级用法,今天再来一篇关于调试方面的技巧讲解: 一.条件断点 循环中经常用到这个技巧,比如:遍历1个大List的过程中,想让断点停在某个特定值. 参考上图,在断点的位置,右 ...