webSocket(2)---入门示例

最新推荐文章于 2023-03-30 14:57:22 发布

猿累人生

最新推荐文章于 2023-03-30 14:57:22 发布

阅读量204

点赞数

CC 4.0 BY-SA版权

分类专栏： webSocket

本文链接：https://blog.youkuaiyun.com/sinat_23490433/article/details/83449822

webSocket 专栏收录该内容

2 篇文章

订阅专栏

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 , 执行结果如下：