博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WebSocket+HTML5实现在线聊天室
阅读量:6954 次
发布时间:2019-06-27

本文共 663 字,大约阅读时间需要 2 分钟。

最近在看HTML5的东西,我比较感兴趣的是WebSockets,WebWorker以及CORS。去官方过了下WebSockets的规范。WebSockets在Web层实现了TCP协议来进行双向通信,使得程序员们不用再苦逼苦的以各种方式模拟这种双向通信了。


这里用纯WebSockets+HTML5的一些新特性实现了一个在线聊天室的功能。
前端是我永远的痛,好在有Bootstrap:)
服务端基于mod_pywebsocket,客户端就一个html。
实现一个聊天室不难,实现一个稳定的聊天室就要多做些工作了。
使用心跳包定时kill掉无动作的客户端,解决了非正常退出聊天室造成的zombie连接。
数据对象以json的形式在客户端和服务端之间传送
 
当然还有页面上的一些细节:当前用户名粗体显示,头像识别性别等。 
没有实现太多其他的功能,实际体验下WebSockets就好了。
 
mod_pywebsocket的安装过程不说了,下载源码包然后执行install.py。
启动客户端,standlone,py位于mod_pywebsocket的源码包中。
 
 
  1. python standlone.py -p 2012 -d /root/Destop/talk2me/ 
 
然后浏览器直接访问127.0.0.1:2012/chatroom.html即可

模拟一段基友聊天场景作为YY:

 

本文转hackfreer51CTO博客,原文链接:http://blog.51cto.com/pnig0s1992/1049817,如需转载请自行联系原作者

你可能感兴趣的文章
[转] gdb的基本工作原理
查看>>
可视化iOS应用程序开发的6个Xcode小技巧
查看>>
button设置边宽和圆角
查看>>
jsp初学总结
查看>>
Spring MVC的视图解析器
查看>>
[09-07]点击按钮变跟页面展示内容
查看>>
Adreno GPU Profiler
查看>>
Eclipse搭建SpringBoot之HelloWorld
查看>>
作用域
查看>>
疯狂的ASP.NET系列-第一篇:啥是ASP.NET后续
查看>>
【.Net底层剖析】3.用IL来理解属性
查看>>
UVA - 1428 Ping pong
查看>>
P2495 [SDOI2011]消耗战
查看>>
P2633 Count on a tree
查看>>
重读<软件性能测试>摘要
查看>>
毕业季
查看>>
测评报告:热门项目管理工具哪家强?
查看>>
java.sql.SQLSyntaxErrorException: ORA-00904: " ": invalid identifier错误
查看>>
vue2.0做移动端开发用到的相关插件和经验总结
查看>>
Linux查看文件夹大小
查看>>