這是一個建立於 的文章,其中的資訊可能已經有所發展或是發生改變。
聊天對於大家都不陌生,但是如何做一個自己的聊天功能呢
首先介紹一下何為websocket,協助大家更好的認識一下websocket
在瀏覽器中通過http僅能實現單向的通訊,comet可以一定程度上類比雙向通訊,但效率較低,並需要伺服器有較好的支援; flash中的socket和xmlsocket可以實現真正的雙向通訊,通過 flex ajax bridge,可以在javascript中使用這兩項功能. 可以預見,如果websocket一旦在瀏覽器中得到實現,將會替代上面兩項技術,得到廣泛的使用.面對這種狀況,HTML5定義了WebSocket協議,能更好的節省伺服器資源和頻寬並達到即時通訊。
可見為何利用websocket來寫聊天功能了,這樣可以省去很多的麻煩!
因為我是用go寫的首先你得瞭解go語言吧,不必精通但是不許知道如何運用go語言,否則我也愛莫能助啊
好了!進入正題吧
首先是客戶的代碼
<script type="text/javascript" src="jquery-1.11.0.js" ></script> <script type="text/javascript"> var sock = null; var wsuri = "ws://localhost:9999"; window.onload = function() { console.log("onload"); sock = new WebSocket(wsuri); sock.onopen = function() { console.log("connected to " + wsuri); } sock.onclose = function(e) { console.log("connection closed (" + e.code + ")"); } sock.onmessage = function(e) { $('.ps').append(e.data+"</br>"); console.log("message received: " + e.data); } }; function send() { var msg = document.getElementById('message').value; sock.send(msg); }; </script> <h1>WebSocket Echo Test</h1> <form> <p> Message: <input id="message" type="text" value="Hello, world!"> </p> </form> <div style='width:100px,height:200px,border:1px solid red'> <p class="ps"></p> </div> <button onclick="send();">Send Message</button>
服務端的代碼
package mainimport ( "golang.org/x/net/websocket" "fmt" "log" "net/http")func Echo(ws *websocket.Conn) { var err error for { var reply string if err = websocket.Message.Receive(ws, &reply); err != nil { fmt.Println("Can't receive") break } fmt.Println("Received back from client: " + reply) msg := reply fmt.Println("Sending to client: " + msg) if err = websocket.Message.Send(ws, msg); err != nil { fmt.Println("Can't send") break } }}func main() { http.Handle("/", websocket.Handler(Echo)) if err := http.ListenAndServe(":9999", nil); err != nil { log.Fatal("ListenAndServe:", err) }}
*其中需要注意的是:需下載go的websocket庫,因為我本人是用windows系統寫的,所以庫稍微做了修改
這是windows下的websocket庫的下載地址:http://download.csdn.net/detail/qq_35730500/9736074
這是linux下的websocket庫的下載地址:http://download.csdn.net/detail/qq_35730500/9736079*
由於官方的庫需要在code.google的地址下下載,所以就把他上傳
要說的也就這些了!