WebSocket使用整理

努力减肥的小胖子5

已于 2024-02-07 11:35:49 修改

阅读量260

点赞数

分类专栏： python学习文章标签： websocket tomcat

于 2017-06-24 11:09:55 首次发布

本文链接：https://blog.csdn.net/yuxing55555/article/details/73658609

版权

python学习专栏收录该内容

19 篇文章 0 订阅

订阅专栏

java服务搭建及前端websocket测试

在MyEclipse中部署Tomcat
1.点击Window->Preferences->MyEclipse->Servers->Tomcat
2.选中你的Tomcat版本
3.设置为Enable
4.点击Tomcat home directory后的Brows…
5.找到Tomcat的根目录，点击确定，回到Tomcat页面点击Apply，点击OK

创建工程
1.File->New Service Project
2.输入工程名称，如WebSocketTest，点击Finish
3.右键工程->Build Path->Configure Build Path…->Libraries->Add External JARs…
4.将tomcat中lib目录下tomcat-websocket.jar和websocket-api.jar选中，点击打开，回到Build Path页面点击OK（测试时用的tomcat8.x）
5.点击Run右下角的Deploy MyEclipse J2EE Project to Server…
6.在Project中选中WebSocketTest，点击Add，在Server中选中Tomcat8.x，点击Finish（如果Server中没有Tomcat8.x,请先部署Tomcat）
7.在src中新建Class文件，如MyWebSocketTest，内容如下

import java.io.IOException;

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("/websocketTest")
public class MyWebSocketTest {
	@OnOpen
	public void onOpen(Session session){         
	   System.out.println("open succeed!");
	}
	
	@OnClose
	public void onClose(){
		System.out.println("close succeed!");
	}
	@OnMessage
	public void onMessage(String message, Session session) throws IOException, InterruptedException{
		
		System.out.println("Received: " + message);
		
		session.getBasicRemote().sendText("hi");
		Thread.sleep(5000);
		session.getBasicRemote().sendText("send over!");
	}
	
	@OnError
	public void onError(Session session, Throwable error){
		System.out.println("websocket error!");
	}
}

8.在WebRoot下新建index.html,内容如下

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>websocket test</title>
    </head>
    <body>
  <div>
    <input type="submit" value="Start" onclick="start()" />
  </div>
  <div id="messages"></div>
  <script type="text/javascript">
    var webSocket = 
      new WebSocket('ws://localhost:8080/MyWebSocketTest/websocketTest');

    webSocket.onerror = function(event) {
      onError(event)
    };

    webSocket.onopen = function(event) {
      onOpen(event)
    };

    webSocket.onmessage = function(event) {
      onMessage(event)
    };

    function onMessage(event) {
      document.getElementById('messages').innerHTML 
        += '<br />' + event.data;
    }

    function onOpen(event) {
      document.getElementById('messages').innerHTML 
        = 'Connection established';
    }

    function onError(event) {
      console.log(event.data);
    }

    function start() {
      webSocket.send('hello');
      return false;
    }
  </script>
    
    </body>
</html>

原文地址：

http://www.oschina.net/translate/java-ee-html5-websocket-example

运行后效果

这里写图片描述

python中websocket测试

测试代码:

import json
import base64
from websocket import create_connection


url = 'ws://192.168.81.88:1230'
ws = create_connection(url)
data = 'send info'
ws.send(data)
print('收到回复消息:', ws.recv())

ws.close()