java html5 tomcat_关于Java Tomcat和Html5实现WebSocket

迷南。 2022-11-05 04:30 131阅读 0赞

1、Java8+Tomcat8。

package com.ssm.cts.websocket;

import javax.websocket.CloseReason;

import javax.websocket.OnClose;

import javax.websocket.OnError;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.RemoteEndpoint;

import javax.websocket.Session;

import javax.websocket.server.ServerEndpoint;

import org.apache.log4j.Logger;

import java.nio.\*;

import java.util.\*;

/\*\*

\* Project: cts

\* Module Name: CtsWebSocket

\* Comments: WebSocket服务端

\* JDK version used: JDK1.8

\* Author: jzh

\* Create Date: 2018-11-04

\* Modified By: jzh

\* Modified Date: 2018-11-04

\* Why & What is modified:

\* Version: <1.0>

\*/

// 注解@ServerEndpoint表示它是一个WebSocket服务端

@ServerEndpoint(value="/ctsWebSocket")

public class CtsWebSocket \{

protected final Logger logger = Logger.getLogger(CtsWebSocket.class);

static List clientList = Collections.synchronizedList(new ArrayList());

// 注解@OnOpen表示它在客户端连接时发生

@OnOpen

public void start(Session session) \{

// 每当有客户端连接进来时，收集该客户对应的session

clientList.add(session);

logger.info("客户端连接：" + session.getBasicRemote());

// 注解@OnMessage表示它在客户端消息到达时发生

@OnMessage

public void message(String message, Session session) throws Exception \{

// 收到消息后，将消息向所有客户发送一次

logger.info("客户端消息：" + message);

for (Session s : clientList) \{

RemoteEndpoint.Basic remote = s.getBasicRemote();

remote.sendText(message);

// 注解@OnClose表示它在客户端连接关闭时发生

@OnClose

public void end(Session session, CloseReason closeReason) \{

// 每当有客户连接关闭时，删除该客户对应的session

clientList.remove(session);

// 注解@OnError表示它在客户端出错时发生

@OnError

public void error(Session session, Throwable throwable) \{

// 每当有客户连接出错时，删除该客户对应的session

clientList.remove(session);

2、websocket.html

WebSocket

html, body \{

font: normal 1em arial, helvetica;

\#log \{

width: 400px;

height: 200px;

border: 1px solid \#000000;

overflow: auto;

\#msg \{

width: 330px;

var socket;

function init() \{

var host = "ws://127.0.0.1:8080/cts/ctsWebSocket";

//var host = "ws://127.0.0.1:8081/";

try \{

socket = new WebSocket(host);

socket.onopen = function (msg) \{

log("Begin Connection!");

\};

socket.onmessage = function (msg) \{

log(msg.data);

\};

socket.onclose = function (msg) \{

log("Lose Connection!");

\};

catch (ex) \{

log(ex);

$("msg").focus();

function send() \{

var txt, msg;

txt = $("msg");

msg = txt.value;

if (!msg) \{

alert("Message can not be empty");

return;

txt.value = "";

txt.focus();

try \{

socket.send(msg);

\} catch (ex) \{

log(ex);

window.onbeforeunload = function () \{

try \{

socket.send('quit');

socket.close();

socket = null;

catch (ex) \{

log(ex);

\};

function $(id) \{

return document.getElementById(id);

function log(msg) \{

$("log").innerHTML += "  
" + msg;

function onkey(event) \{

if (event.keyCode == 13) \{

send();

### WebSocket ###

发送

3、打开两个websocket.html，进行数据交互测试。

![e9b20b48d98a8ea7e389ae775f2ed889.png][]

[e9b20b48d98a8ea7e389ae775f2ed889.png]: /images/20221023/df79040c066349829ddfba2669709d0f.png

java html5 tomcat_关于Java Tomcat和Html5实现WebSocket

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 html5：关于h5

相关 java html5 tomcat_关于Java Tomcat和Html5实现WebSocket

相关 HTML5 WebSocket 技术介绍

相关 html5 WebSocket

相关 HTML5 WebSocket简介

相关 HTML5 WebSocket 简单实例

相关 HTML5 WebSocket使用详解

相关 HTML5 WebSocket

相关 HTML5 WebSocket简介

相关 HTML5 WebSocket