查字典图书网
当前位置: 查字典 > 图书网 > web > HTML5数据推送应用开发 > 试读

HTML5数据推送应用开发[试读]

1.1 HTML5

SSE(Server-Sent Event,服务端推送事件)是一种允许服务端向客户端推送新数据的HTML5 技术。与由客户端每隔几秒从服务端轮询拉取新数据相比,这是一种更优的解决方案。在写作本书时,65% 的桌面和移动浏览器原生支持这项技术,但是,本书将介绍如何开发支持超过99% 桌面浏览器和移动浏... 查看全部[ 1.1 HTML5 ]

1.2 数据推送

SSE 是一种允许服务端向客户端推送新数据(通常称作数据推送)的HTML5 技术。那么,究竟什么是数据推送?它与我们可能用过的其他技术有什么不同呢?让我先来回答什么不是数据推送。数据推送有两种替代方案:无更新方案和数据拉取方案。 无更新方案(图1-1)是最简单的。这几乎是所有网络内容的运作方式。 ... 查看全部[ 1.2 数据推送 ]

1.3 数据推送的其他名称

对数据推送的需求可以追溯到Web 诞生的时候2。多年来,人们找到了很多新奇的解决方案,其中大部分都存在人们不期望看到的折中方式。你也许听说过一些其他的技术:Comet、Ajax Push、Reverse Ajax、HTTP Streaming,还一直在想它们之间有什么不同。实际上,这些都属于我们将在... 查看全部[ 1.3 数据推送的其他名称 ]

1.4 可能会用到SSE的应用

SSE 对什么有用?当你需要用新数据局部更新网络应用时,SSE 便脱颖而出,它不会要求用户执行任何操作。我们将以一个推送外汇价格的应用为例,探索如何实现数据推送和SSE。我们的目标是每当经纪人那里的欧元/ 美元(欧元兑美元)汇率变化时,新的价格会出现在浏览器上,尽可能像现实中一样及时。 这个例子完... 查看全部[ 1.4 可能会用到SSE的应用 ]

1.5 和WebSocket的对比

你可能听说过另一种叫做WebSocket 的HTML5 技术,它也能从服务端向客户端推送数据。那如何决定你是用SSE 还是WebSocket 呢?概括来说,WebSocket 能做的,SSE 也能做,反之亦然,但在完成某些任务方面,它们各有千秋。 WebSocket 是一种更为复杂的服务端实现技术... 查看全部[ 1.5 和WebSocket的对比 ]

1.6 什么时候数据推送是错误的选择

这一节要讲的大部分内容,对HTML5 数据推送技术(SSE 和WebSocket)和将在第6 章、第7 章讲到的向后兼容解决方案都适用,它们的共同点在于,都会为每一个客户端连接打开一个专门的套接字。 首先来考虑静态的情况,不引入数据推送。每当用户打开一个页面,在浏览器和服务器之间就会打开一个套接字... 查看全部[ 1.6 什么时候数据推送是错误的选择 ]

1.7 决策、决策还是决策

前面两节从正反两方面探讨了数据拉取、SSE 和WebSocket,但怎么知道哪个更适用?这个问题很复杂,它是以应用的表现、用户对延迟的预期相关的商业决策、主机费用方面的商业决策以及用户和你的开发人员使用的技术为基础的。这里有一些你需要自行思考的问题。 • 服务端事件发生得有多频繁? 频率越高越适... 查看全部[ 1.7 决策、决策还是决策 ]

1.8 带我看代码吧

简而言之,如果想要网站更迅速地刷新数据,并且你现在正用Ajax 轮询,或者页面重载,或正考虑使用这些方案,或者想用WebSocket 又觉得它水平太低了,那么SSE 就是你一直在找的技术。话不多说,赶快到下一章看一个数据推送的Hello World 吧。... 查看全部[ 1.8 带我看代码吧 ]