1. Html5 <html5> <figure>Server-Sent Event</figure> <a href='mailto:leonguo@sohu-inc.com'>leonguo</a> <time>2010.10</time> </html5>

2. Agenda 一个广泛的适用场景 现阶段采用的一些解决方案及不足(AJAX、Comet) 规范(html5 Server-Sent Event) 实例 更多细节 Q&A

3. In many cases 只需要服务端实时的向浏览器推送就可以了 Example: 在线人数实时统计 球赛实况 股票实时动态 新闻公告板

4. The current scheme Polling Ajax 浪费了大量连接、流量与时延 Comet(Ajax/Iframe) 缺乏统一的标准 实现复杂

5. Server-Sent Events Server-Sent Events(SSE) 实际上是将 Comet 技术进行了标准化 规范和标准化了一个连续的数据流如何被从服务端发送到浏览器 SSE 包含新的HTML元素 EventSource 和新的 MIME 类型 text/event-stream，这个MIME类型定义了事件框架格式。

6. API client.js document.addEventListener('DOMContentLoaded', function() { var eventSrc = new EventSource('events.php'); eventSrc.addEventListener('open', function (event) { console.log(event.type); }); eventSrc.addEventListener('message', function (event) { console.log(event.type); console.log(event.data); }); }, false); events.php <?php header("Content-Type: text/event-stream"); echo 'data: ' . time() . "";

7. A Original Demo

8. More 使用共享的 WebWorker，共享 EventSource 实例 尽量在没有其它数据发送时定期发送 keep-alive 注释，以防被当作空闲连接被代理服务器关闭， 尽管sever-sent events 会自动重建连接 在 Response header 中标记 Cache-Control：no-cache 避免被缓存 可以结合使用 Request 中的 Last-Event-Id 防止重复接受已经接收到的事件

9. Browser Support for SSE 和 WebSocket 相比比较沉默 http://www.findmebyip.com/litmus#target-selector 目前已经支持的包括 WebKit(safari/chrome) Opera Firefox Beta

10. Q&A

11. THANKS