webbit是基于netty扩展的websocket工具。可以大大简化websocket开发。
项目地址:https://github.com/webbit/webbit
使用说明:https://github.com/webbit/webbit/blob/master/README.md
本文权当翻译,高手直接进上面链接。
一些题外话:
- websocket和我一开始想象的TCP应用不同。websocket和传统意义上的socket通信不一样。本质上还是HTTP的扩展。
- websocket协议目前还没有定稿。目前主要有3个版本的协议在使用。且都是草案。webbit都实现了3个草案。具体参阅维基http://en.wikipedia.org/wiki/WebSocket
快速开始
Maven配置
<dependency> <groupId>org.webbitserver</groupId> <artifactId>webbit</artifactId> <version>0.4.7</version> </dependency>
配置端口8080.并配置websocket路径/socket的handler
public class WebSocketServer{ public static void main(String[] args) { WebServer webServer = WebServers.createWebServer(8080) .add(new StaticFileHandler("/socket")); webServer.start(); } }
编写/socket handler
public class WebSocketHandler extends BaseWebSocketHandler{ private int connectionCount; public void onOpen(WebSocketConnection connection) { connection.send("Hello! There are " + connectionCount + " other connections active"); connectionCount++; } public void onClose(WebSocketConnection connection) { connectionCount--; } public void onMessage(WebSocketConnection connection, String message) { connection.send(message.toUpperCase()); // echo back message in upper case } }
到此为止。基本代码已经都好了。感觉更写个servlet一样方便。
下面是客户端代码:
<html> <body> <!-- Send text to websocket --> <input id="userInput" type="text"> <button onclick="ws.send(document.getElementById('userInput').value)">Send</button> <!-- Results --> <div id="message"></div> <script> function showMessage(text) { document.getElementById('message').innerHTML = text; } var ws = new WebSocket('ws://' + document.location.host + '/hellowebsocket'); showMessage('Connecting...'); ws.onopen = function() { showMessage('Connected!'); }; ws.onclose = function() { showMessage('Lost connection'); }; ws.onmessage = function(msg) { showMessage(msg.data); }; </script> </body> </html>
到此为止。websocket基本功能都已经实现。
HTML5的websocket很不错,前几天公司有人开讲座,就是用这个做了个ppt,会议室翻页,我们电脑上也都跟着翻页
是啊。挺简单的。http://mkts.mbaobao.com/active/showbag.php?l=frad_1_4 右下角在Chrome下切换到websocket模式。就用了这个框架