利用websocket,go语言和h5做了一个简单的聊天功能

聊天对于大家都不陌生,但是如何做一个自己的聊天功能呢
首先介绍一下何为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 main



import (

    "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的地址下下载,所以就把他上传
要说的也就这些了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值