webSocket(2)---入門示例
阿新 • • 發佈：2019-01-06
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 , 執行結果如下：
