`
040814119
  • 浏览: 12784 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

浏览器前端与服务器持续通信技术回顾

阅读更多

最近想做一个基于web的在线聊天室的程序,刚好某童靴发了一个在线客服程序,于是引起了 一番关于服务器与浏览器通信技术的争论。而且我发现自己可耻的OUT了。


关于服务器与浏览器端通信,下面是我的原话,而且我也一直这么认为:

因为http是无状态协议,不支持推送,地球人都知道。替代方案就是浏览器不停的发请求 (AJAX)获得返回值,但这样服务器表示鸭梨很大。

然后有人提出了服务器推送技术,并说这也是老古董,过时的技术了。于是我向谷哥和度娘求助,得到下面的结果:

度娘对我认为的那种技术的解释:

客户端拖曳技术,服务器发送一批数据,在HTTP响应或文档头标记中插入指令,让浏览器“在 5秒内再次装入这些数据”或“10秒内前往某URL装入数据”。当指定的时间达到时,客户端就 按照服务器的指示去做,或者刷新当前数据,或者调入新的数据。

它的机制是利用html的Refrash标签进行反复刷新页面。
但是这样非常占流量,Ajax出现后,替代技术是使用javascript的time定时任务函数。

但这项技术的缺陷是不够及时,而且服务器不能主动向客户端发生信息。

再看看退服务器推送的解释:

推送技术的基础思想是将浏览器主动查询信息改为服务器主动发送信息。服务器发送一批数据 ,浏览器显示这些数据,同时保证与服务器的连接。当服务器需要再次发送一批数据时,浏览 器显示数据并保持连接。以后,服务器仍然可以发送批量数据,浏览器继续显示数据,依次类推。

我们知道如果在网页上上传文件的话,连 接是不会断开的。服务器推送就是利用了这种机制,让浏览器和服务器保持连接,并通信。

 

推送技术能够解决不能向浏览器主动发送信息的问题。但是他也带来了新的问题,那就是连接是占用服务器资源的,一台服务器所能提供的连接数也是有限的,一台8G内存的服务器 。也只能提供4000人同时在线,如果更多的人连接就必须增加服务器。

 

还有一个问题是它不能监控浏览器是否断开了连接,不能判断浏览器到底有没有通信,有些连接其实什么也不做,但服务器没办法知道,这样是对服务器资源的极大浪费。

 

事实上还有更好的解决方案

一提到C\S模式我们想到最多的就是socket,这是一个持续的连接。在企业应用中,即时性非 常重要,所以大部分软件企业都无奈的放弃了浏览器端开发,而选择自己开发客户端。但是业 务的复杂性让开发者们很少有时间去关注用户体验,所以企业应用难以操作,学习成本高,使 用范围小。企业应用的部署中,培训占用的太多的时间。

 

事实上在浏览器中使用socket也是有方法的。

 

对IE来说ocx插件就是最佳拍档。但是ocx插件只能用在IE上,别的浏览器不支持。

 

另外一种通用的技术是flash,Flash技术地球人都知道。漂亮,华丽,好用。在浏览器中表现算是最棒的一种技术了。

 

在ajax刚兴起那一段时间,所谓的富客户端应用如火如荼,各种浏览器端技术风起云涌,举例来说:Adobe公司的flex,微软公司的 Sliver Light、WPF,sun公司推出的javaFx….

 

他们的共同点是需要在浏览器中安装一个插件,让自己的程序可以运行,所谓的跨浏览器,也是基于这插件的。

 

但现在他们全部都偃旗息鼓了,包括曾经的老大Flash,也面临着严峻的挑战。

 

因为html5来了,它自带socket.伴随着它的是各种手持设备,iPhone、Android……而手持设备的特殊性,剥夺了浏览器插件的生存空间……

下一篇:服务器与浏览器端技术回顾-2

文章来源 http://www.hml520.com/archives/126

0
0
分享到:
评论

相关推荐

    基于WebRTC的浏览器端Web服务器的设计与实现.docx

    WebRTC技术的优势在于能够使浏览器具备P2P通信能力,这意味着两个浏览器可以直接建立连接进行数据传输,无需经过中间服务器。这对于改善时延、降低成本以及增强安全性等方面具有显著优势。 #### 传统Web服务器的...

    用vc++ 6.0开发的浏览器设计,与大家分享学习

    在IT领域,VC++ 6.0是一款经典的微软编译器,主要用于开发Windows平台...尽管现代浏览器开发通常采用更先进的技术和框架,但通过回顾过去,我们可以更好地理解技术的发展历程,以及基础技术在现代软件工程中的重要性。

    front-end-handbook-2017(前端开发指南)

    文档提到了自学前端开发的路径,包括理解HTTP协议和网络通信、学习Web浏览器工作原理、域名系统、虚拟主机和服务器端基础。接着,文档指导学习者如何学习HTML、CSS、JavaScript、Web动画、DOM和BOM、jQuery、Web字体...

    11-18.rar web前端笔记

    3. **JavaScript**:前端开发的核心编程语言,负责处理用户交互、动态内容更新以及与服务器的通信。这部分可能涉及了DOM操作、事件处理、AJAX请求、JavaScript库(如jQuery)以及现代JavaScript语法(ES6+)。 4. *...

    适合小白写的项目 烘焙坊前端项目源码

    7. **API交互**:如果项目涉及后端,前端可能通过API与服务器通信,获取或发送数据,如商品信息、用户登录状态、订单数据等。 8. **响应式设计**:为了适应不同设备,项目应采用响应式设计,确保在手机、平板和桌面...

    仿3721的效果,不错的

    这通常涉及到浏览器插件、URL解析机制以及与服务器端的交互等多个方面的技术实现。这种技术的实现需要深入理解HTTP协议、域名系统(DNS)工作原理,以及前端与后端的通信方式。 标签“仿3721效果”进一步强调了这个...

    在线会议管理系统

    WebRTC(Web Real-Time Communication)是一种开源技术,允许浏览器之间进行直接的音视频通信。此外,还有专为在线会议设计的第三方服务,如Zoom的API或Webex的SDK,可以帮助快速集成这些功能。 5. **安全与身份...

    HTML5中新的WEB交互方式WebSocket

    在前端,JavaScript提供了WebSocket API,开发者可以通过简单的API调用与WebSocket服务器进行通信。 总之,WebSocket作为HTML5中的一项新技术,彻底改变了Web应用的实时交互方式。它通过全双工通信,克服了传统HTTP...

    ASP基于bs在线花店系统设计(源代码+论文).rar

    BS架构是现代Web应用的主流设计模式,用户通过浏览器与服务器进行通信,所有的数据处理和业务逻辑都在服务器端完成,客户端只需接收和显示服务器发送的页面。这种架构降低了客户端的负担,使得系统易于维护和扩展。 ...

    简单聊天室 J2EE课程实验 用servlet实现简单的聊天室

    Hypertext Transfer Protocol (HTTP) 是互联网上应用最广泛的一种网络协议,用于客户端(如浏览器)与服务器之间的通信。在聊天室中,用户发送的消息通过HTTP POST请求发送到服务器,服务器再将消息广播给所有在线...

    web复习ppt.rar

    HTTP(超文本传输协议)是Web通信的基础,规定了浏览器与服务器间信息交换的方式。理解HTTP请求方法(GET、POST等)及响应状态码对于调试和优化Web应用至关重要。 Web服务器,如Apache或Nginx,负责接收和处理HTTP...

    niit试题 sm3

    客户端代码通常用Java编写,可以实现用户交互,通过HTTP或其他协议与服务器通信。服务器端的Java代码则负责处理请求,执行业务逻辑,访问数据库,然后返回响应给客户端。 压缩包内的文件名称列表提供了更多线索: ...

    DWR最新中文参考手册

    DWR简化了浏览器与服务器之间的交互,使得前端用户界面能够实时地与后端Java代码进行通信,无需页面刷新。DWR通过在服务器端生成JavaScript代码并在客户端执行,实现了JavaScript对象和Java对象之间的直接远程调用。...

    Microsoft Internet Explorer 5程序设计 源码

    这为我们提供了关于浏览器如何与Web服务器进行通信的窗口。 6. **安全机制**:早期浏览器的安全问题逐渐显现,IE5的源码可以揭示当时的安全策略,如沙盒模型、权限控制等,这对于现代浏览器的安全设计有着历史参考...

    JS课程XMind.rar_jsxmind -baijiahao_js总结xmind_xmind web开发_xmind前端js

    4. Web API:利用浏览器提供的WebSocket、Fetch API等,实现服务器通信和实时数据交互。 5. 浏览器事件:监听用户交互,如点击、滚动、拖拽等,实现响应式设计。 四、jsxmind在Web开发中的实践 1. 项目管理:使用...

    Ajax技术地图

    ### Ajax技术地图:深入解析与未来展望 #### 引言:技术地图的探索...总之,“Ajax技术地图”不仅回顾了Ajax技术的历史和现状,更重要的是,它为我们描绘了一个充满无限可能的未来,激励着我们不断探索、学习和创新。

    blog::open_book: 个人博客,分享一些前端工作学习中的收获,欢迎 :sparkles:,博客地址>>

    年终回顾,为你汇总一份「前端技术清单」 :sparkles:如何实现一个通用的“划词高亮”在线笔记功能?:sparkles::crayon: 前端跨页面通信,你知道哪些方法? MongoDB高可用__使用Replica Set 各类“服务器推”技术原理...

    韩顺平servlet笔记

    - **C/S(Client/Server)架构**:客户端需要安装特定的软件才能与服务器通信。 #### 三、Tomcat服务器安装与配置 - **Tomcat服务器简介**:Apache Tomcat是一款开源的Servlet容器,它实现了Servlet和JavaServer ...

    Flash动态网站开发[文].pdf

    文章还回顾了互联网应用程序的发展历程,从传统的C/S(客户机/服务器)结构转向B/S(浏览器/服务器)结构。在B/S结构中,Web网页、中间件和数据库构成三层架构,每个层面都有其特定的功能,例如Web网页负责内容展示...

    基于ASP的教师档案管理系统(源代码+项目报告).zip

    系统的前端界面以HTML、CSS和JavaScript为主,与服务器通过HTTP协议进行通信。服务器端则主要由ASP页面和数据库组成,处理用户的请求,执行数据库查询,返回结果。 【数据库设计】 教师档案管理系统通常需要一个...

Global site tag (gtag.js) - Google Analytics