websocket

来源：互联网发布：地狱之歌ova知乎编辑：程序博客网时间：2024/06/06 01:37

页面:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">    <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">    <title>js上的websocket</title><script type="text/javascript" src="<%=basePath %>js/jquery-1.8.3.min.js"></script>    <script type="text/javascript" src="<%=basePath %>js/jquery.cookie.js"></script><script type="text/javascript">        if(!window.WebSocket){            alert("此浏览器不支持WebSocket");        }        var connection=new WebSocket("ws://localhost:8090/MyLab/websocket");        //连接发生错误的回调方法        connection.onerror = function(){        alert("error");        };        //建立连接后调用的函数        connection.onopen=function(){        alert("建立连接啦");        }        //接收到消息的回调方法        connection.onmessage = function(event){            console.log(event.data);        }        //连接关闭的回调方法        connection.onclose = function(){            alert("连接关闭了");        }        //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。        window.onbeforeunload = function(){        connection.close();        }        //将消息显示在网页上<%--       function setMessageInnerHTML(innerHTML){            document.getElementById('message').innerHTML += innerHTML + '<br/>';        }--%>         //关闭连接        function closeWebSocket(){        connection.close();        }     function submit() {         //向服务端发送数据         connection.send($("#num").val());    }  </script></head>    请输入一个数字:<input type="text" id="num" name="num" /><br>    <input type="button"  onclick="submit()" id="submit" name="submit" value="提交"><body></body></html>

后台:

package com.htxx.action.business;import java.io.IOException;import java.util.concurrent.CopyOnWriteArraySet;import javax.servlet.annotation.WebServlet;import javax.websocket.OnClose;import javax.websocket.OnError;import javax.websocket.OnMessage;import javax.websocket.OnOpen;import javax.websocket.Session;import javax.websocket.server.ServerEndpoint;@ServerEndpoint("/websocket")public class Socket1  {   //静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。    private static int onlineCount = 0;         //concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。若要实现服务端与单一客户端通信的话，可以使用Map来存放，其中Key可以为用户标识    private static CopyOnWriteArraySet<Socket1> webSocketSet = new CopyOnWriteArraySet<Socket1>();         //与某个客户端的连接会话，需要通过它来给客户端发送数据    private Session session;    /**     * 连接建立成功调用的方法     * @param session  可选的参数。session为与某个客户端的连接会话，需要通过它来给客户端发送数据     */    @OnOpen    public void onOpen(Session session){        this.session = session;        webSocketSet.add(this);     //加入set中        addOnlineCount();           //在线数加1        System.out.println("有新连接加入！当前在线人数为" + getOnlineCount());    }         /**     * 连接关闭调用的方法     */    @OnClose    public void onClose(){        webSocketSet.remove(this);  //从set中删除        subOnlineCount();           //在线数减1            System.out.println("有一连接关闭！当前在线人数为" + getOnlineCount());    }         /**     * 收到客户端消息后调用的方法     * @param message 客户端发送过来的消息     * @param session 可选的参数     */    @OnMessage    public void onMessage(String message, Session session) {        System.out.println("来自客户端的消息:" + message);                 //群发消息        for(Socket1 item: webSocketSet){                         try {                item.sendMessage("你好你好");            } catch (IOException e) {                e.printStackTrace();                continue;            }        }    }         /**     * 发生错误时调用     * @param session     * @param error     */    @OnError    public void onError(Session session, Throwable error){        System.out.println("发生错误");        error.printStackTrace();    }         /**     * 这个方法与上面几个方法不一样。没有用注解，是根据自己需要添加的方法。     * @param message     * @throws IOException     */    public void sendMessage(String message) throws IOException{        this.session.getBasicRemote().sendText(message);        //this.session.getAsyncRemote().sendText(message);    }     public static synchronized int getOnlineCount() {        return onlineCount;    }     public static synchronized void addOnlineCount() {        Socket1.onlineCount++;    }         public static synchronized void subOnlineCount() {    Socket1.onlineCount--;    }}

效果展示：

进入页面:

输入内容，点击提交:

刷新页面:

阅读全文

0 0