B/S(Web)实时通讯解决方案分享


Posted in Javascript onApril 06, 2017

B/S的实时通讯实现起来比较麻烦,因为http协议是无状态的,导致一些实时消息通知和聊天等功能比较难以实现,本文主要简述几种自己之前常用的几种方式。

1、传统的HTTP协议是无状态的

传统的HTTP协议是无状态的,每次请求(request)都要由客户端(如 浏览器)主动发起,服务端进行处理后返回response结果,而服务端很难主动向客户端发送数据,多个用户进行实时的交流也比较困难,比如聊天系统。

B/S(Web)实时通讯解决方案分享

2、目前比较流量的实时通讯方式

轮询

条件:任何Web端

客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接。

长轮询

条件:任何Web端

客户端向服务器发送Ajax请求,服务器接到请求后hold住连接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求。

Flash socket

条件:需要安装Flash插件

在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信,JavaScript在收到服务器端传送的信息后控制页面的显示。

Web Socket

条件:支持H5 Web socket

WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duple)。一开始的握手需要借助HTTP请求完成。

3、B/S 实时通讯轮询方式

3.1传统轮询

客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接。

缺点:耗费资源,耗费流量 。根据用户窗口数量,请求次数成倍的增加。

B/S(Web)实时通讯解决方案分享

3.2 传统长轮询

客户端向服务器发送Ajax请求,服务器接到请求后hold住链接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求。

由于浏览器同时只能有一定数量的链接同时hold,所有这种方式如果窗口打开多个,就会导致后面打开的窗口一直等待前面hold的链接。

B/S(Web)实时通讯解决方案分享

3.3传统长轮询+ActiveMq

ActiveMq的方式相比传统的查询数据库有一定的优势,这样减少了多次查询数据库的问题,效率也会有所提升。但是这种方式每个用户的每个窗口都会有个订阅和链接,这样导致ActiveMq服务器的链接数会随着用户的增加而增加,最后导致链接数沾满。

B/S(Web)实时通讯解决方案分享

4、ASP.NETSignalR

很明显轮询的方式并不是最好的解决方式,当然web socket是一种很好的实现方式,但是编程起来比较麻烦,由于lz是做.net开发,所以选择了ASP.NET SignalR。而且SignalR会兼容各种浏览器,如果浏览器支持web socket,则用web socket方式,如果不支持则用长轮询的方式实现。

ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程。实时 Web 功能是指这样一种功能:当所连接的客户端变得可用时服务器代码可以立即向其推送内容,而不是让服务器等待客户端请求新的数据。即你有信息了再来通知我,而不是我傻乎乎的每次跑来问你。

4.2 SignalR+数据库

这种方式解决了用户多个窗口不能收到消息的问题,而且数据库的刷新频率只会有一个线程刷新,并不会随着用户的增加而增加,从而大大的减小了数据库的刷新频率。

B/S(Web)实时通讯解决方案分享

4.3SignalR+ActiveMq(最终解决方式)

这种方式既解决了链接数的问题,也同时解决了用户多个窗口不能收到消息的问题,而且用了ActiveMq也不用去实时刷新数据库。

B/S(Web)实时通讯解决方案分享

结语

以上是lz在开发中应用的多种B/S实时通信的解决方案,望对各位有所帮助,本文原创,欢迎拍砖和推荐。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery中对节点进行操作的相关介绍
Apr 16 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
Dec 19 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
轮播图组件js代码
Aug 08 Javascript
Angular 2.x学习教程之结构指令详解
May 25 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
Vue中的Props(不可变状态)
Sep 29 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
vue-cli系列之vue-cli-service整体架构浅析
Jan 14 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
CocosCreator入门教程之网络通信
Apr 16 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 #Javascript
ES6中的箭头函数实例详解
Apr 06 #Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 #Javascript
详谈js遍历集合(Array,Map,Set)
Apr 06 #Javascript
javascript中this用法实例详解
Apr 06 #Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
Apr 06 #Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 #Javascript
You might like
PHP 加密与解密的斗争
2009/04/17 PHP
php 分库分表hash算法
2009/11/12 PHP
thinkphp中session和cookie无效的解决方法
2014/12/19 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
js常见表单应用技巧
2008/01/09 Javascript
Javascript模块模式分析
2008/05/16 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
基于javascript实现listbox左右移动
2016/01/29 Javascript
教你一步步用jQyery实现轮播器
2016/12/18 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
2017/05/15 jQuery
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
jquery实现动态改变css样式的方法分析
2019/05/27 jQuery
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
Python中的ctime()方法使用教程
2015/05/22 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
python 中文件输入输出及os模块对文件系统的操作方法
2018/08/27 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
意大利制造的男鞋和女鞋:SCAROSSO
2018/03/07 全球购物
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
六五普法规划实施方案
2014/03/21 职场文书
党员大会主持词
2014/04/02 职场文书
2015年消防工作总结
2015/04/24 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
十一月早安语录:把心放轻,人生就是一朵自在的云
2019/11/04 职场文书