webscoket（简单的在线通讯）

最新推荐文章于 2024-07-26 09:30:00 发布

一头雾水一脸懵逼

最新推荐文章于 2024-07-26 09:30:00 发布

阅读量1.1k

点赞数 1

本文链接：https://blog.csdn.net/qq_37303736/article/details/79164601

版权

web环境：java ee7.0或以上
<!DOCTYPE html>
<html>
<head>
<style>
#content{width:600px;height:200px;}
</style>
<meta charset="utf-8"/>
</head>
<body id="body">
<textarea id="content" rows="40" cols="500"></textarea>
<div class="btn">
<input type="button" value="清空" οnclick="reset()"/>
<input type="button" value="发送" οnclick="send()">
</div>
<script type="text/javascript">
var socket = new WebSocket('ws://127.0.0.1:8080/websocket/ws');

//创建Socket
socket.onopen = function(event) {

//向服务器发送数据
//socket.send('哈哈哈哈');

//接收数据事件
socket.onmessage = function(event) {
body.innerHTML+="<br/>对方："+event.data;
};

// socket关闭事件
socket.onclose = function(event) {
body.innerHTML+="<br/>系统：已和服务器断开连接！！！";
};

//关闭socket
//socket.close()
};

//-----------
var body=document.getElementById("body");
function send(){
var msg=document.getElementById("content").value;//获取输入框内容
socket.send(msg);//发送消息
reset();//清空输入框
body.innerHTML+="<br/>我："+msg;
}

function reset(){
document.getElementById("content").value="";
}
</script>
</body>
</html>

package action;

import java.io.IOException;

import javax.websocket.CloseReason;
import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;

//@ServerEndpoint注解中的内容是用户客户端websocket的连接url,例如ws://127.0.0.1:8080/websocket/ws,
//结构形式为“ws：//ip:端口/项目名/指定的url”
@ServerEndpoint("/ws")
public class WSServer {
private Session session;
//连接打开时执行
@OnOpen
public void onOpen(Session session) {
this.session=session;
System.out.println("一个客户端连接进来了 ... 它的sessionid是：" + session.getId());
}

//收到消息时执行
@OnMessage
public void onMessage(String message, Session session) {
System.out.println(session.getId()+"客户端发送的消息是："+message);
try{
this.sendMessage(message);//消息发回给客户端
}catch(Exception e){
e.printStackTrace();
}
//return currentUser + "：" + message;如果有返回值，则客户端发送消息后会收到这个返回值
}

//连接关闭时执行
@OnClose
public void onClose(Session session, CloseReason closeReason) {
System.out.println("一个客户端关闭了，它的sessionid是：" + session.getId());
}

//连接错误时执行
@OnError
public void onError(Throwable t) {
t.printStackTrace();
}
//自定义的方法，用于发送消息
public void sendMessage(String message) throws IOException{
this.session.getBasicRemote().sendText(message);
//this.session.getAsyncRemote().sendText(message);
}
}

这是java WebSocket建立服务端的方式，主要是通过注解去设定各种事件，每当有一个客户端连接进来，就会产生一个WSServer的对象实例，
如果要用于多客户端的通信（如群聊），那么在@onOpen事件中应该收集好连接进来的客户端产生的实例以便于消息的转发。
部署这个简单的项目到tomcat，然后开启tomcat服务器，通过浏览器访问demo.html就可以感受WebSocket的通信了