WebSocket是HTML5里提供的一種便於TCP長連接通訊的協議機制,隨着HTML5的普及這種技術的使用會變得越來越廣泛,由於Beetle可以靈活地擴展不同的協議,那自然而然對WebSocket支持也是一件非常簡單的事情.對於WebSocket的協議分析處理就不詳細描述可以參考下載程序有完整協議包代碼,如果想更詳細了解Websocket的協議可以到這里:http://datatracker.ietf.org/doc/rfc6455/?include_text=1
下面講述如何使用Beetle非常方便地實現一個基於WebSocket的Hello wold程序.
服務端代碼
class Program:WebSocketServer { static void Main(string[] args) { TcpUtils.Setup("beetle"); Program server = new Program(); server.Open(8088); Console.WriteLine("websocket start@8088"); System.Threading.Thread.Sleep(-1); } protected override void OnConnected(object sender, ChannelEventArgs e) { base.OnConnected(sender, e); } protected override void OnDisposed(object sender, ChannelDisposedEventArgs e) { base.OnDisposed(sender, e); } protected override void OnError(object sender, ChannelErrorEventArgs e) { base.OnError(sender, e); } protected override void OnWebSocketReceive(TcpChannel channel, DataPackage e) { Console.WriteLine("MessageType:{0}", e.Type); Console.WriteLine("RequestPath:{0}", e.RequestPath); if (e.Type == PackageType.text) { Console.WriteLine(e.ToString()); DataPackage dp = new DataPackage(); dp.Type = PackageType.text; dp.Data.Encoding("hello " + e.ToString(), Encoding.UTF8); channel.Send(dp); } } }以上就是一個完整的websocket服務,代碼非常簡單WebSocketServer重寫OnWebSocketReceive即可,在事件中根據需要處理對應的DataPackage即可,對於DataPackage的結構和類型實現參考下載代碼.
Html代碼
<html>
<meta charset="utf-8" />
<title>WebSocket Test</title>
<script language="javascript" type="text/javascript">
var wsUri = "ws://127.0.0.1:8088/";
var output;
function init() {
output = document.getElementById("output");
testWebSocket();
}
function testWebSocket() {
websocket = new WebSocket(wsUri);
websocket.onopen = function (evt) { onOpen(evt) };
websocket.onclose = function (evt) { onClose(evt) };
websocket.onmessage = function (evt) { onMessage(evt) };
websocket.onerror = function (evt) { onError(evt) };
} function onOpen(evt) {
writeToScreen("CONNECTED");
}
function onClose(evt) { writeToScreen("DISCONNECTED"); }
function onMessage(evt) { document.getElementById('result').value = evt.data; }
function onError(evt) { writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data); }
function doSend(message) { websocket.send(message); }
function writeToScreen(message) {
var pre = document.createElement("p"); pre.style.wordWrap = "break-word"; pre.innerHTML = message; output.insertBefore(pre);
}
function OnConnect() {
wsUri = document.getElementById("url").value;
init();
}
</script>
<body>
<fieldset>
<legend>WebSocket hello wold</legend>
<p><span>Server url:</span><input id="url" type="text" value="ws://127.0.0.1:8088/"/><input type="button" value="Connected" onclick="OnConnect()" /></p>
<p><span>Enter you name:</span><input id="youname" type="text" value="test"/><input type="button" value="Submit" onclick="doSend(document.getElementById('youname').value)" /></p>
<p><span>Result:</span><input id="result" type="text" value=""/></p>
</fieldset>
<div id="output">
</div>
</body>
</html>
運行效果
這樣一個基於Hello wold的Websocket處理程序就完成.如果對Websocket感興趣的朋友可以下載源代碼了解websocket協議分析的原理,如何從byte[]分析出對應的websocket協議.