本例使用tomcat 7.0的websocket做为例子。

1.新建web project。
2.找到tomcat 7.0 lib 下的 catalina.jar,tomcat-coyote.jar添加到项目中.
3.如下是我的目录结构


web.xml的配置.
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
  3. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4. xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  5. <display-name>Archetype Created Web Application</display-name>
  6. <servlet>
  7. <servlet-name>serverSocket</servlet-name>
  8. <servlet-class>com.sun.websocket.server.ServerSocket</servlet-class>
  9. </servlet>
  10. <servlet-mapping>
  11. <servlet-name>serverSocket</servlet-name>
  12. <url-pattern>/serverSocket</url-pattern>
  13. </servlet-mapping>
  14. <welcome-file-list>
  15. <welcome-file>index.jsp</welcome-file>
  16. </welcome-file-list>
  17. </web-app>

ServerSocket.java的源码.

  1. package com.sun.websocket.server;
  2. import java.io.IOException;
  3. import java.nio.ByteBuffer;
  4. import java.nio.CharBuffer;
  5. import java.util.ArrayList;
  6. import java.util.HashMap;
  7. import java.util.List;
  8. import java.util.Map;
  9. import java.util.UUID;
  10. import java.util.concurrent.ConcurrentHashMap;
  11. import javax.servlet.http.HttpServletRequest;
  12. import org.apache.catalina.websocket.MessageInbound;
  13. import org.apache.catalina.websocket.StreamInbound;
  14. import org.apache.catalina.websocket.WebSocketServlet;
  15. import org.apache.catalina.websocket.WsOutbound;
  16. public class ServerSocket extends WebSocketServlet {
  17. private static final long serialVersionUID = -4853540828121130946L;
  18. private static Map< String , MyMessageInbound> mmiList = new ConcurrentHashMap< String , MyMessageInbound >();
  19. private String message_to ;
  20. private String message_me ;
  21. @Override
  22. protected StreamInbound createWebSocketInbound(String arg0, HttpServletRequest request) {
  23. message_me = request.getParameter( "message_me" );
  24. message_to = request.getParameter( "message_to" );
  25. return new MyMessageInbound();
  26. }
  27. private class MyMessageInbound extends MessageInbound  {
  28. WsOutbound myoutbound;
  29. private String me = message_me ;
  30. private String to = message_to ;
  31. @Override
  32. public void onOpen(WsOutbound outbound) {
  33. try {
  34. System.out.println("Open " + me + " to " + to);
  35. this.myoutbound = outbound;
  36. mmiList.put( me , this );
  37. outbound.writeTextMessage(CharBuffer.wrap("Hello!"));
  38. } catch (IOException e) {
  39. e.printStackTrace();
  40. }
  41. }
  42. @Override
  43. public void onTextMessage(CharBuffer cb) throws IOException {
  44. System.out.println("Accept Message : " + cb);
  45. for ( String mmib : mmiList.keySet() ) {
  46. if ( !to.equals(mmib) )
  47. continue;
  48. try
  49. {
  50. CharBuffer buffer = CharBuffer.wrap(cb);
  51. mmiList.get(mmib).myoutbound.writeTextMessage(buffer);
  52. mmiList.get(mmib).myoutbound.flush();
  53. }
  54. catch (Exception e) {
  55. continue;
  56. }
  57. break;
  58. }
  59. }
  60. @Override
  61. public void onClose(int status) {
  62. if( status == 1002 || status == 1000)
  63. {
  64. System.out.println("Close " + me + " to " + to);
  65. mmiList.remove(this);
  66. }
  67. }
  68. @Override
  69. public void onBinaryMessage(ByteBuffer bb) throws IOException {
  70. }
  71. }
  72. }

接下来编写index.jsp

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  7. <html>
  8. <head>
  9. <base href="<%=basePath%>">
  10. <title>My JSP 'index.jsp' starting page</title>
  11. <meta http-equiv="pragma" content="no-cache">
  12. <meta http-equiv="cache-control" content="no-cache">
  13. <meta http-equiv="expires" content="0">
  14. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  15. <meta http-equiv="description" content="This is my page">
  16. <script type="text/javascript" src="scripts/swfobject.js"></script>
  17. <script type="text/javascript" src="scripts/jquery.js"></script>
  18. <script type="text/javascript" src="scripts/web_socket.js"></script>
  19. <script type="text/javascript" src="scripts/jquery.WebSocket.js"></script>
  20. <%
  21. String message_to = request.getParameter( "message_to" );
  22. String message_me = request.getParameter( "message_me" );
  23. request.setAttribute( "message_to" , message_to );
  24. request.setAttribute( "message_me" , message_me );
  25. %>
  26. <script>
  27. $(function ()
  28. {
  29. window.onbeforeunload = onbeforeunload_handler;
  30. window.onunload = onunload_handler;
  31. function onbeforeunload_handler(){
  32. //ws.close();
  33. return warning;
  34. }
  35. function onunload_handler()
  36. {
  37. //alert(1);
  38. ws = null;
  39. }
  40. });
  41. var message_to = "${message_to}";
  42. var message_me = "${message_me}";
  43. //var ws = new WebSocket("ws://192.168.202.56:8080/websocket_msg/serverSocket?message_to="+message_to+"&message_me="+message_me);
  44. var url = "websocket_msg/serverSocket?message_to="+message_to+"&message_me="+message_me;
  45. var ws = new $.websocket({
  46. protocol : "websocket_msg/serverSocket?message_to="+message_to+"&message_me="+message_me,
  47. domain : "192.168.1.120",
  48. port : "8080",
  49. onOpen:function(event){
  50. showMessage("已成功登录");
  51. },
  52. onError:function(event){
  53. alert("error:"+ event)
  54. },
  55. onMessage:function(result){
  56. receiveMessage(result);
  57. },
  58. onClose:function(event){
  59. ws = null;
  60. }
  61. });
  62. function send(){
  63. if(!ws){
  64. alert("已经断开聊天室");
  65. return;
  66. }
  67. var msg=$.trim($("#msg").val());
  68. if(msg==""){return;}
  69. ws.send(msg);
  70. $("#messageInput").val("").focus();;
  71. }
  72. function receiveMessage(result){
  73. showMessage(result);
  74. }
  75. function showMessage(msg){
  76. document.getElementById("chatlog").textContent += msg + "\n";
  77. }
  78. </script>
  79. </head>
  80. <body>
  81. <body>
  82. <textarea id="chatlog" readonly style="width:500px;height:500px;"></textarea><br/>
  83. <input id="msg" type="text" />
  84. <button type="submit" id="sendButton" onClick="send()">Send!</button>
  85. <button type="submit" id="sendButton" onClick="closeConnect()">End</button>
  86. </body>
  87. </body>
  88. </html>

编写完成后，访问index.jsp时需要URL给出两个参数。一个代表发送者，一个代表接收者。

  1. 例如 ?message_to=1&message_me=2"
备注：具体需要的文件请到我的网盘下载:http://pan.baidu.com/s/1eQ1nbt4

解决浏览器不兼容websocket的更多相关文章

  1. jsp关闭或刷新浏览器（解决浏览器不兼容），请求后台onbeforeunload、onunload

    jsp关闭或刷新浏览器(解决浏览器不兼容),请求后台  onbeforeunload.onunload 1.看代码: function test(e) { var json = "退出,清理 ...

  2. html5--4-3 source元素-解决浏览器的兼容

    html5--4-3 source元素-解决浏览器的兼容 学习要点 掌握source元素的用法 source元素-解决浏览器额兼容 HTML5 中新增的元素 video和audio元素的子元素,可指定 ...

  3. js复制当前url地址解决浏览器兼容

    1.网上搜索的js复制链接代码,好像只能支持ie浏览器,其他浏览器不支持, 案例: var url=12; if(window.clipboardData){                   wi ...

  4. IE内嵌google chrome frame解决浏览器兼容问题

    IE内嵌google chrome frame解决浏览器兼容问题  http://www.cnblogs.com/xwdreamer/archive/2013/12/17/3477776.html 参 ...

  5. 教你一招解决浏览器兼容问题（PostCSS的使用）

    我们在处理网页的时候,往往会遇到兼容性的问题.在这个问题上分为两个大的方向:屏幕自适应&浏览器兼容.而屏幕自使用的方法有许多,包括框架之类的,但是浏览器的兼容却没有一个号的框架.在我们日常处理 ...

  6. 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类: 学习 |字号 订阅 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE ...

  7. CSS Hack解决浏览器IE部分属性兼容性问题

    1.Css Hack 不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持.解析不一样,导致在不同浏览器的环境中呈现出不 ...

  8. 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 http://www.jb51.net/css/383986.html

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题   百度源代码如下 复制代码 代码如下: <!Do ...

  9. 复制到剪贴板的JS实现--ZeroClipboard （兼解决IE下兼容问题）

    复制到剪贴板的JS实现--ZeroClipboard (兼解决IE下兼容问题) 相信绝大多数人都遇到过这样的功能实现,“复制”或者“复制到剪贴板”这样的功能.但是由于各大浏览器的实现方案不一样,导致几 ...

随机推荐

  1. mysql日期函数及批量循环返回主键ID

    实际项目中总是会遇到各种时间计算查询等等许多时候是特别麻烦前阵子公司有个需求大致是要查询当前日期与数据库存储日期之差,本来写了个工具类调用的但是最后觉得这样不好就想着能不能用函数解决,没想到还真有这里 ...

  2. Firefox 浏览器有用的插件

    1.Undo Closed Tabs Button或Undo Closed Tabs Button (revived) 恢复关闭的标签页 2.NetVideohunter Video Download ...

  3. pythong中的全局变量的调用和嵌套函数中变量的使用

    全局变量调用:想要在自定义的函数中使用全局变量,就得要在函数用关键字global声明,然后就可以对全局变量进行修改.嵌套函数中的变量的调用:要在嵌套的变量中,使用nonlocal的声明'''num = ...

  4. codeforces 140E.New Year Garland

    传送门: 解题思路: 要求相邻两行小球颜色集合不同,并且限制行内小球相邻不同. 由此可得:每行小球排列都是独立与外界的, 所以答案应该是对于所有行的颜色集合分类,在将行内的答案乘到上面. 先考虑如何分 ...

  5. BZOJ3105: [cqoi2013]新Nim游戏(Xor线性无关组)

    Description 传统的Nim游戏是这样的:有一些火柴堆,每堆都有若干根火柴(不同堆的火柴数量可以不同).两个游戏者轮流操作,每次可以选一个火柴堆拿走若干根火柴.可以只拿一根,也可以拿走整堆火柴 ...

  6. 学习推荐《从Excel到Python数据分析进阶指南》高清中文版PDF

    Excel是数据分析中最常用的工具,本书通过Python与Excel的功能对比介绍如何使用Python通过函数式编程完成Excel中的数据处理及分析工作.在Python中pandas库用于数据处理,我 ...

  7. shell中IF的用法介绍

    一.语法结构 if [ condition ] then      statements  [elif condition      then statements. ..]  [else       ...

  8. 【Codeforces Round #459 (Div. 2) B】 Radio Station

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 用map模拟一下映射就好了. [代码] #include <bits/stdc++.h> using namespace ...

  9. 洛谷 P3887 [GDOI2014]世界杯

    P3887 [GDOI2014]世界杯 题目描述 3014年世界杯足球赛就要开始了!作为卫冕冠军中国足球队的教练,手下每位球员都是猛将,如何摆出最强的11人阵容也是一件幸福的烦恼事啊. 众所周知,足球 ...

  10. localtime死锁——多线程下fork子进程

    近期測试我们自己改进的redis,发如今做rdb时,子进程会一直hang住.gdb attach上.堆栈例如以下: (gdb) bt #0 0x0000003f6d4f805e in __lll_lo ...