版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_23490433/article/details/83449822
1、新建项目chat,并导入jar包如下:
2、在src下新建包com.cn.webSocket,然后在该包下新建类chatServer
package com.cn.webSocket;
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的名称
* */
@ServerEndpoint("/chat")
public class ChatServer {
/**
* 通道建立成功之后执行的动作
* */
@OnOpen
public void onOpen(Session session){
System.out.println("连接已经建立,sessionID:"+session.getId());
}
/**
* 接收对方的数据
* */
@OnMessage
public void onMessage(String message){
System.out.println("开始接受数据:"+message);
}
/**
* 关闭连接
* */
@OnClose
public void onClose(){
System.out.println("连接已经关闭");
}
/**
* 发生异常时执行的动作
* */
@OnError
public void onError(Session session,Throwable error){
System.out.println("发生错误");
error.printStackTrace();
}
}
3、在index.jsp页面中修改代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<body>
html5的webSocket实现
</body>
<script>
var ws=new WebSocket("ws://localhost:8080/chat/chat");
ws.onopen=function(){
ws.send("hello,this is index page");
};
</script>
</html>
4、将chat项目部署到tomcat服务器上,然后在浏览器上输入:http://localhost:8080/chat , 执行结果如下: