我们通过一个简单的例子来熟悉 HTML 5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备:下载 Jetty 7 ,Java Web 开发环境,Chrome 4+ 。
服务端 Java 代码:
final public class CounterSocketServlet extends WebSocketServlet {
@Override
protected WebSocket doWebSocketConnect(final HttpServletRequest hsr,
final String string) {
return new CounterSocket();
}
final class CounterSocket implements WebSocket {
private Outbound outbound;
public void onConnect(final Outbound outbound) {
System.out.println("onConnect");
this.outbound = outbound;
}
public void onMessage(final byte frame, final String data) {
System.out.println("onMessage");
if (data.equals("Hello, Server!")) {
new Thread() {
@Override
public void run() {
try {
outbound.sendMessage(frame, "Hello, browser :-)");
int i = 0;
while (true) {
sleep(1000);
outbound.sendMessage(frame, String.valueOf(i++));
}
} catch (final Exception e) {
System.err.println(e.getMessage());
}
}
}.start();
}
}
public void onMessage(final byte frame, final byte[] data,
final int offset, final int length) {
throw new UnsupportedOperationException("Not supported yet.");
}
public void onDisconnect() {
System.out.println("onDisconnect");
}
}
}
浏览器客户端 HTML 代码:
<html>
<head>
<title>WebSoket Demo</title>
<script type="text/javascript">
if (!window.WebSocket) {
alert("WebSocket not supported by this browser!");
}
function display() {
var valueLabel = document.getElementById("valueLabel");
valueLabel.innerHTML = "";
var ws = new WebSocket(
"ws://localhost:8080/WebSocketDemo/counter-socket");
ws.onmessage = function(evt) {
valueLabel.innerHTML = evt.data;
};
ws.onclose = function() {
};
ws.onopen = function() {
ws.send("Hello, Server!");
};
}
</script>
</head>
<body onload="display();">
<div id="valueLabel"></div>
</body>
</html>
运行:
部署
将打包好的 WebSocketDemo.war 复制到 Jetty 安装目录:
启动 Jetty
C:\jetty-distribution-7.0.1.v20091125>java -jar start.jar
测试
进一步阅读:
HTML 5 规范
WebSockets 规范
WebSocket 协议
Jetty WebSocket Server
资源:
Chrome 最新开发版
Jetty 7
Resin 4
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/DL88250/archive/2010/01/01/5118301.aspx
分享到:
相关推荐
html5的websocket代码示例包括错误解决方案
C# WebSocket 服务端和网页端示例,初学者必备!
qt websocket 客户端代码 简单的websocket的示例代码
WebSocket 领域最全面和系统的著作、三位资深html5技术专家共同编写;系统讲解 websocket 的API、协议、消息传输安全性和企业部署,并给出通过websocket协议通信的真实示例,可操作性强。
可以在weblogic下开发的websocket完整示例,希望对你有用,谢谢!
ASP.NET Core Web应用程序,包含服务端和客户端的示例代码(js)。
完整websocket 的vb2010工程服务端示例,直接能用于搭建WEBSOCKET服务器。
java简单的websocket示例,需要tomcat-api.jar tomcat-juli.jar tomcat-coyote.jar
PreactRedux+Websocket示例:为了好玩___下载.zip
Java版websocket示例 需要有java环境,直接启动jar包,打开页面即可。附带源代码
服务端是.net控制台程序,客户端是网页。本人从项目中快速抽离出来的,所以有很多没用的dll,还请谅解,关注websocket核心代码就好了。
spring-boot-websocket-client 代码示例
简单的Springboot+Websocket示例,超级简单,打开即用。做了两个页面,A页面发送消息到Controller,Controller转发消息到B页面,无需刷新页面,展示消息。
HTML5 WebSocket 的出现,可以实现服务端-客户端高效低功耗完美双向通信。可惜现在不是所有浏览器都支持HTML5,本例是对TOMCAT7.0.32自带的WebSocket功能展示,一个非常简单的聊天室。 代码说明 1、因为本例只做功能...
1. Websocket 编程,包括基于Tomcat8的文本和二进制读写,和浏览器端的编程 2. 提供贪吃蛇案例,包括服务端程序和网页端,服务端是控制蛇运动方向的 3. 提供嵌入式端能过Websocket控制灯亮度,嵌入式代码另外上传
Websocket示例作者:卞荣成作者博客:作者网站:本项目采用“保持署名—非商用”创意共享4.0许可证。只要保持原作者署名和非商用,您可以自由地阅读、分享、修改。详细的法律条文请参见网站。用法1、在cmd中运行命令...
1、下载mongoose使用mongoose中的example中的websocket_chat,实现websocket 2、websocket_chat源码下载路径 官网:https://cesanta.com 论坛:https://forum.mongoose-os.com/index.php?p=/categories/mongoose ...
WebSocket服务器端和客户端示例,服务器端程序为.NetFrameWork4.5 WinForm,Websocket客户端示例为html+js(支持所有Websocket客户端)。
C# 通过WebSocket 实现网页聊天室功能
WebSocket 协议是html5引入的一种新的协议,其目的在于实现了浏览器与服务器全双工通信。看了上面链接的同学肯定对过去怎么低效率高消耗(轮询或comet)的做此事已经有所了解了,而在websocket API,浏览器和服务器...