WebSocket基本应用

来源：互联网发布：php匹配字符串编辑：程序博客网时间：2024/06/02 07:04

WebSocket基本操作

WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。

1、创建web项目

2、添加jar包

activation-1.1.jar

javaee-api-7.0.jar

javax.mail-1.5.0.jar

3、 src下创建websocket包，并在包下创建一个类，如WebSocketTest.java，代码如下

package websocket; import java.io.IOException;import java.util.concurrent.CopyOnWriteArraySet; import javax.websocket.*;import javax.websocket.server.ServerEndpoint; /** * @ServerEndpoint 注解是一个类层次的注解，它的功能主要是将目前的类定义成一个websocket服务器端, * 注解的值将被用于监听用户连接的终端访问URL地址,客户端可以通过这个URL来连接到WebSocket服务器端 */@ServerEndpoint("/websocket")public class WebSocketTest {    //静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。    private static int onlineCount = 0;     //concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。若要实现服务端与单一客户端通信的话，可以使用Map来存放，其中Key可以为用户标识    private staticCopyOnWriteArraySet<WebSocketTest> webSocketSet = newCopyOnWriteArraySet<WebSocketTest>();     //与某个客户端的连接会话，需要通过它来给客户端发送数据    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(WebSocketTest item: webSocketSet){            try {                item.sendMessage(message);            } 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 intgetOnlineCount() {        return onlineCount;    }     public static synchronized voidaddOnlineCount() {        WebSocketTest.onlineCount++;    }     public static synchronized voidsubOnlineCount() {        WebSocketTest.onlineCount--;    }}

4、编写index.jsp，代码如下：

<%@page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Inserttitle here</title></head><body>Welcome<br/><input id="text"type="text"/>    <button onclick="send()">发送消息</button>    <hr/>    <buttononclick="closeWebSocket()">关闭WebSocket连接</button>    <hr/>    <divid="message"></div><script type="text/javascript">    varwebsocket = null;    //判断当前浏览器是否支持WebSocket    if('WebSocket' in window) {       websocket = newWebSocket("ws://localhost:8088/WebSocket_test1/websocket");    }    else{       alert('当前浏览器 Not support websocket')    }    //连接发生错误的回调方法   websocket.onerror = function () {             //需要部署在Tomcat7.0.47以上的版本才能运行       setMessageInnerHTML("WebSocket连接发生错误");    };    //连接成功建立的回调方法   websocket.onopen = function () {       setMessageInnerHTML("WebSocket连接成功");    }    //接收到消息的回调方法   websocket.onmessage = function (event) {       setMessageInnerHTML(event.data);    }    //连接关闭的回调方法   websocket.onclose = function () {       setMessageInnerHTML("WebSocket连接关闭");    }    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。   window.onbeforeunload = function () {       closeWebSocket();    }    //将消息显示在网页上   function setMessageInnerHTML(innerHTML) {       document.getElementById('message').innerHTML += innerHTML +'<br/>';    }    //关闭WebSocket连接    functioncloseWebSocket() {       websocket.close();    }    //发送消息   function send() {       var message = document.getElementById('text').value;       websocket.send(message);    }</script></body></html>

5、打开两个浏览器，分别访问这个index.jsp，在其中一个jsp中的文本框输入内容，点击发送消息，看另一个浏览器中是否会有相应变化呢，如果有变化，那么就成功了

阅读全文

0 0