HTML 5 WebSocket 示例
来源:互联网 发布:linux redmine 编辑:程序博客网 时间:2024/05/23 15:26
作者:88250
时间:2010 年 1 月 1 日
我们通过一个简单的例子来熟悉 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
测试
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/DL88250/archive/2010/01/01/5118301.aspx
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/DL88250/archive/2010/01/01/5118301.aspx
- HTML 5 WebSocket 示例
- HTML 5 WebSocket 示例
- HTML 5 WebSocket 示例
- WebSocket示例
- WebSocket 示例
- websocket示例
- 初探 HTML 5 之 WebSocket
- HTML5 WebSocket 应用示例
- tomcat8 + websocket 入门示例
- java websocket 示例
- Workerman WebSocket示例
- HTML5 WebSocket DEMO示例
- Workerman WebSocket示例
- spring websocket整合示例
- Workerman WebSocket示例
- websocket客户端代码示例
- cocos2dx websocket示例
- WebSocket + html 实现聊天室
- 比较好的MTK博客
- 教你轻松实现用SCOM监控Linux主机
- WAP 2.0介绍和使用规范(1)
- VC 6.0中编译和使用OpenSSL的过程
- Nexus One大赢家是Android和谷歌
- HTML 5 WebSocket 示例
- HRESULT 类型
- WAP 2.0介绍和使用规范(2)
- 前一个页面加载完成后,自动跳转到另外一个页面
- WAP 2.0介绍和使用规范(3)
- oracle wait event:cursor: pin S wait on X
- 设置编码
- setlocale
- WAP 2.0介绍和使用规范(4)