前言
業余我都會花一些時間在tcp、http和websocket等領域的學習,現在覺得有點收獲,所以把一個基於websocket的群聊功能的例子提供給大家玩玩。當然這是一個很完整的例子,包括websocket的js代碼、websocket的cs代碼以及html相關和http服務器,都是一體的。有關Websocket協議,的英文文檔可以查看http://tools.ietf.org/html/rfc6455,中文翻譯的文檔可以查看http://blog.csdn.net/stoneson/article/details/8063802。
流程介紹
瀏覽器相當於websocket的客戶端,提供一些javascript語言的api給js腳本調用,我們要提供websocket的服務器。當然如果要發布,還需要把js腳本和相關聊天UI的html發布到http服務器(比如iis等),本例中,服務端自帶websocket服務和http服務,主流程如下圖:
功能要求
設置昵稱后才可以加入群聊;
收到其它成員的上線、下線通;
提供在線成員列表;
提供和QQ聊天類似的ui習慣。
效果展示
show一下效果,當你覺得有必要再看看代碼,免得浪費你的不必要的時間。
關於源代碼
這個東東的代碼不多也不少,文件比較多,有腳本、樣式、html和c#的,粘貼到這里來沒辦法提供完整的內容,所以這里提供下載連接到github。