利用websocket,go語言和h5做了一個簡單的聊天功能

來源:互聯網
上載者:User
這是一個建立於 的文章,其中的資訊可能已經有所發展或是發生改變。

聊天對於大家都不陌生,但是如何做一個自己的聊天功能呢
首先介紹一下何為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的地址下下載,所以就把他上傳
要說的也就這些了!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.