利用websocket,go语言和h5做了一个简单的聊天功能
2017-01-12 18:04
766 查看
聊天对于大家都不陌生,但是如何做一个自己的聊天功能呢
首先介绍一下何为websocket,帮助大家更好的认识一下websocket
在浏览器中通过http仅能实现单向的通信,comet可以一定程度上模拟双向通信,但效率较低,并需要服务器有较好的支持; flash中的socket和xmlsocket可以实现真正的双向通信,通过 flex ajax bridge,可以在javascript中使用这两项功能. 可以预见,如果websocket一旦在浏览器中得到实现,将会替代上面两项技术,得到广泛的使用.面对这种状况,HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽并达到实时通讯。
可见为何利用websocket来写聊天功能了,这样可以省去很多的麻烦!
因为我是用go写的首先你得了解go语言吧,不必精通但是不许知道如何运用go语言,否则我也爱莫能助啊
好了!进入正题吧
首先是客户的代码
服务端的代码
*其中需要注意的是:需下载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的地址下下载,所以就把他上传
要说的也就这些了!
首先介绍一下何为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的地址下下载,所以就把他上传
要说的也就这些了!
相关文章推荐
- connect-mongo模块
- Go语言中的闭包
- 基于dragonboard410c的magic mirror demo展示
- MongoEngine中文参考
- 用MongoTemplate查询指定字段的正确奥义
- Go指南练习之《slice》
- Codeforces Goodbye2016
- golang web bbs 项目启动
- GoDaddy账户间域名转移PUSH以及ACCEPT接受域名过户方法
- 基于dragonboard 410c的智能魔镜设计——硬件搭建
- Dragonboard410c服务器系列六之用户交互系统
- 基于dragonboard 410c的智能魔镜设计(6)——人脸检测及身份识别启动模块封装
- 基于dragonboard 410c的智能魔镜设计(5)——基于人脸的用户身份识别
- Google-Guava学习:新集合类型
- Google-Guava学习:不可变集合
- 深入安卓JNI,INIT,ZYGOTE——极客学院学习笔记
- Golang 指针的坑
- Django 缓存模块 page_cache 源码阅读
- Django 缓存模块 page_cache 源码阅读