1、使用框架spring+springmvc+mybatis+jdk7+tomcat7+maven

2、基本原理：

　　　　a. WebSocket协议是一种双向通信协议，它建立在TCP之上，同http一样通过TCP来传输数据，但是 它和http最大的不同有两点：

1.WebSocket是一种双向通信协议，在建立连接后，WebSocket服务器和Browser/UA都能主动地向对方发送或接收数据，就像Socket一样，不同的是WebSocket是一种建立在Web基础上的一种简单模拟Socket的协议；

2.WebSocket需要通过握手连接，类似于TCP它也需要客户端和服务器端进行握手连接，连接成功后才能相互通信。

　　　　b.struts   和 websocket  是2条处理请求的路，被struts 匹配上了 ，自然就到不了 websocket的处  理逻辑,(http和ws是两种不同的请求协议，注意框架的拦截器（过滤器）)

3、客户端：

<html>

<head>

    <title>Title</title>

    <style>

        div {

            margin-left: auto;

            margin-right: auto;

        }

    </style>

</head>

<body onLoad="startWebSocket()">

<script type="text/javascript">

    function clog(title) {

        console.log(title);

    }

    var ws = null;

    function startWebSocket() {

        if ('WebSocket' in window) {

            try {

                ws = new WebSocket("ws://127.0.0.1:80/websocket/tui");

            } catch (e) {

                clog("1");

            }

        } else if ('MozWebSocket' in window) {

            ws = new MozWebSocket("ws://127.0.0.1:80/websocket/tui");

        } else {

            clog("websocket not support");

        }

        ws.onmessage = function (evt) {

            say(evt.data);

        };

        ws.onclose = function (evt) {

            clog("close!");

        };

        ws.onopen = function (evt) {

            clog("open");

        };

    }

    function sendMsg() {

        ws.send(document.getElementById('writeMsg').value);

    }

    function say(msg) {

        var div = document.createElement("div");

        div.innerHTML = msg;

        document.body.appendChild(div);

    }

</script>

<div onClick="say('d')">WebSocket聊天室</div>

<div style="border:1px solid #09F"></div>

<input type="text" id="writeMsg"/>

<input type="button" value="send" onClick="sendMsg()"/>

</body>

</html>

4、服务端：

@ServerEndpoint(value = "/websocket/tui")

public class WebSocketDemo{

    private static final String GUEST_PREFIX = "Guest";

    private static final AtomicInteger connectionIds = new AtomicInteger(0);

    private static final Set<WebSocketDemo> connections = new HashSet<>();

    private final String nickname;

    private Session session;

    public WebSocketDemo() {

        nickname = GUEST_PREFIX + connectionIds.getAndIncrement();

    }

    //建立连接

    @OnOpen

    public void start(Session session) {

        this.session = session;

        connections.add(this);

        String message = String.format("* %s %s", nickname, "has joined.");

        System.out.println(message);

    }

    //接受消息

    @OnMessage

    public void incoming(String message) {

        System.out.println(message.toString());

        //broadcast(filteredMessage);

        broadcast(message.toString());

    }

    //客户端关闭了连接

    @OnClose

    public void end() {

        connections.remove(this);

        String message = String.format("* %s %s", nickname, "has disconnected.");

        System.out.println(message);

        //broadcast(message);

    }

    //WebSocket服务出错

    @OnError

    public void onError(Throwable t){

        //log.error("Chat Error: " + t.toString(), t);

        System.out.println("server has an error!");

    }

    private static void broadcast(String msg) {

        for (WebSocketDemo client : connections) {

            try {

                synchronized (client) {

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

                }

            } catch (IOException e) {

                //log.debug("Chat Error: Failed to send message to client", e);

                connections.remove(client);

                try {

                    client.session.close();

                } catch (IOException e1) {

                    // Ignore

                }

                String message = String.format("* %s %s",

                        client.nickname, "has been disconnected.");

                broadcast(message);

            }

        }

    }

}

注意事项：

1、访问拦截器

2、注意部署的包冲突，例如：javax.websocket只是编译需要，而发布不需要，maven依赖注意适用范围

附：

<!--websocket编译需要，发布不需要-->

<!-- https://mvnrepository.com/artifact/org.apache.tomcat/tomcat-coyote -->

<dependency>

    <groupId>org.apache.tomcat</groupId>

    <artifactId>tomcat-coyote</artifactId>

    <version>7.0.12</version>

</dependency>

<!-- https://mvnrepository.com/artifact/org.apache.tomcat/tomcat-juli -->

<dependency>

    <groupId>org.apache.tomcat</groupId>

    <artifactId>tomcat-juli</artifactId>

    <version>8.5.3</version>

</dependency>

<!-- https://mvnrepository.com/artifact/javax.websocket/javax.websocket-api -->

<dependency>

    <groupId>javax.websocket</groupId>

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

    <version>1.1</version>

    <scope>provided</scope>

</dependency>

jee websocket搭建总结的更多相关文章

  1. 基于SpringBoot+WebSocket搭建一个简单的多人聊天系统

    前言   今天闲来无事,就来了解一下WebSocket协议.来简单了解一下吧. WebSocket是什么   首先了解一下WebSocket是什么?WebSocket是一种在单个TCP连接上进行全双工 ...

  2. nodejs+mongoose+websocket搭建xxx聊天室

    简介 本文是由nodejs+mongoose+websocket打造的一个即时聊天系统:本来打算开发一个类似于网页QQ类似功能的聊天系统,但是目前只是开发了一个模块功能 --- 类似群聊的,即一对多的 ...

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

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

  4. iis WebSocket 搭建环境及配置

    http://www.86y.org/art_detail.aspx?id=816       WebSocket是html5新增加的一种通信协议,目前流行的浏览器都支持这个协议,例如Chrome,S ...

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

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

  6. Spring Boot中使用Websocket搭建即时聊天系统

    1.首先在pom文件中引入Webscoekt的依赖 <!-- websocket依赖 --> <dependency> <groupId>org.springfra ...

  7. 基于websocket搭建简易群聊

    1.前端HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset=&qu ...

  8. websocket搭建的聊天室

    在前后端数据交互的时候我们经常使用的是ajax,用的是传统的http协议,而http协议有个致命的缺点,就是请求一结束,连接就断开了, 我们为了保持这个链接的,通常会使用cookie,而自从h5出现w ...

  9. WebSocket 搭建简单聊天网站

    HTML5 WebSocket WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. 在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏 ...

随机推荐

  1. hdu1561 The more, The Better (树形dp+背包)

    题目链接:http://acm.split.hdu.edu.cn/showproblem.php?pid=1561 思路:树形dp+01背包 //看注释可以懂 用vector建树更简单. 代码: #i ...

  2. 我的c++学习(11)数组和指针

    使用数组显示斐波那契数列 #include "stdafx.h" using namespace std; #include<iostream> int _tmain( ...

  3. 踩坑事件：不能对基于文本的临时表使用sql insert语句

    先来描述一下问题: 如果你是从基于文本的数据源来创建DataFrame的,当你将DataFrame注册为临时表后,如果对这个临时表进行insert into 操作,会抛出异常的. 问题答案参见:htt ...

  4. ios 开发中使用SVN管理代码

    今天新公司需要使用SVN管理代码,就在网上查看相关的资料,现在把相关用法记录下来: 1.使用的是这个软件Cornerston 网上有很多相应的下载链接,可以去查看 2.下载安装之后,首先需要添加仓库r ...

  5. BS中的 data:image/png;base64

    举个图片的例子: 网页中一张图片可以这样显示: <img src="http://mail.163.com/images/x.png" /> 也可以这样显示: < ...

  6. 复制文件的问题：使用FileInputStream和FileOutputStream实现文件复制

    public class Test{ public static void main(String [] args) { Test t=new Test(); t.upload(); } public ...

  7. C++ 画星号图形——空心矩形（核心代码记录）

    int mi=(int)a; int mj=(int)b; ;i<mi;i++) { ;j<mj;j++) { ||i==mi-) cout<<"*"; | ...

  8. python - socket - client端指定ip和端口

    问题描述: 在设备中有3个NI, ip分别为192.168.1.5/6/7.其中本端192.168.1.6同对端192.168.1.10建立了一个tunnel. 我希望测试tunnel连通性, 对端起 ...

  9. JSON 与 JSONP

    JSON (JavaScript Object Notation) is a lightweight data-interchange format. 即 JSON 是一种轻量级的数据交换格式. 1. ...

  10. 百度网盘生成二维码api

    分享出自精神,灵感来自大脑,在百度云网盘分享每一个文件,都会在页面生成一个二维码扫描的图片: 我就进一步看了该图片的地址: 发现没有,圈圈内是不是有点眼熟,就跟其他二维码api接口一样,只要盗用这段东 ...