Your SlideShare is downloading. ×
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
前端本地应用程序网络
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

前端本地应用程序网络

307

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
307
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 本地通信应用网络 龙藏longzang@taobao.com
  • 2. 这是个可长可短的故事引子
  • 3. Server1 Time Client
  • 4. Web 应用中如何实现即时通讯?
  • 5. 当前的可供选择• Flash XMLSocket• Java Applet 套接口• AJAX 的长轮询(long-polling)方式• Iframe 及 htmlfile 的流(streaming)方式• …
  • 6. 淘宝目前选型• AJAX 的长轮询(long-polling)方式
  • 7. 淘宝目前应用• 网页旺旺 ( WebWangwang )• 拍卖 ( MPP )• 工具条 ( Toolbar )…
  • 8. 我们不讨论实现细节
  • 9. 只有一个问题
  • 10. target = “_blank”
  • 11. Xtarget = “_blank”
  • 12. !!!
  • 13. 用户喜欢这样 I like it!
  • 14. target = “_blank”
  • 15. 其实我们的前提是错误的
  • 16. Server1 Time Client
  • 17. Server1 Time Web APP
  • 18. Web APP Web APP Web APP Web APP Web APP Web APPClient APP … … Web APP Web APP
  • 19. N = Web APPs Server N Time Client
  • 20. A client…Client Server
  • 21. More clients…Clients Server
  • 22. 如何解决?
  • 23. Clients Server
  • 24. Clients Server
  • 25. My Hero!
  • 26. Trinity Framework Browsers ApplicationsClient TrinityNetwork JSON, XML, etc. HTTP, Socket, etc.Servers
  • 27. 本地应用网络Local Application Network
  • 28. MasterNode Node Node …
  • 29. Master ?
  • 30. Master ? Node ?
  • 31. Time
  • 32. 0Time
  • 33. 0App Time
  • 34. 0AppApp Time
  • 35. 0AppAppApp Time
  • 36. 0AppAppApp Time…App
  • 37. 0Master App App Time…… App
  • 38. 0MasterNode App Time…… App
  • 39. 0MasterNodeNode Time…… App
  • 40. 0MasterNodeNode Time……Node
  • 41. Master !
  • 42. Master
  • 43. ServerMaster
  • 44. Server 1Master
  • 45. Master
  • 46. MasterSharedObejct(Local Storage)
  • 47. 1 MasterSharedObejct(Local Storage)
  • 48. Node !
  • 49. data MasterNode Node Node …
  • 50. MasterNode Node Node …
  • 51. MasterNode Node Node …
  • 52. MasterNode Node Node …
  • 53. Master Node Node Node …fire(data);
  • 54. MasterNode Node Node …
  • 55. MasterNode Node Node …
  • 56. MasterNode Node Node …
  • 57. Master ”lastNode”Node Node Node …
  • 58. Master ”lastNode”Node Node Node … fire(data, ”lastNode” );
  • 59. Master ”lastNode”Node Node Node …
  • 60. Master ”lastNode”Node Node Node …
  • 61. MasterNode Node Node …
  • 62. Node Node Node …
  • 63. Node Node Node …
  • 64. ???Node Node Node …
  • 65. Node Master Node …
  • 66. Node Master Node …
  • 67. 场景
  • 68. Browser Master x1
  • 69. Tab Master x1
  • 70. Applications Master x1
  • 71. Browser Master x1 +Browser Node x N
  • 72. Browser Master x1 +Tab Node x N
  • 73. Browser Master x1 +Applications Node x N
  • 74. Applications Master x1 +Browser Node x N
  • 75. 如何使用
  • 76. Taobao Toolbar Notification
  • 77. 第一次访问页面 Javascript
  • 78. 第一次访问页面 Javascript swfobject .embedSWF( “trinity.swf” ,…) Trinity
  • 79. 第一次访问页面 Trinity Master
  • 80. 第一次访问页面 Master function jsEntry(swfid,msg){ switch(msg.type){ case master: pushData(); break; }} AJAX long-polling
  • 81. 任意个含有当前应用的页面 Trinity Node
  • 82. 任意个含有当前应用的页面 Node … Other Javascript
  • 83. Master 获得数据 Master trinity.fire(data); AJAX long-polling
  • 84. Master dataNode
  • 85. 任意个含有当前应用的页面 Node function jsEntry(swfid,msg){ switch(msg.type){ case ‘message: updateView(); break; }} Other Javascript
  • 86. 用户发生行为 Node trinity.fire(data); User Action
  • 87. 任意个含有当前应用的页面 Other Javascript function jsEntry(swfid,msg){ switch(msg.type){ case ‘message: updateView(); break; }} Node
  • 88. Master dataNode
  • 89. Master function jsEntry(swfid,msg){ switch(msg.type){ case ‘message: updateView(); break; }} OtherJavascript
  • 90. 开发者不需要关心 XMaster Node X
  • 91. 开发者只需要知道 √ Trinity
  • 92. Trinity API
  • 93. Trinity API
  • 94. Trinity API
  • 95. Trinity API
  • 96. Trinity Event
  • 97. Trinity Event
  • 98. Trinity Event
  • 99. Trinity Event
  • 100. Trinity Event
  • 101. Trinity Event
  • 102. Exchange data
  • 103. 更多文档https://github.com/kingfo/trinity/wiki
  • 104. 前身 Trine 2010code name : neuroncode name : native link
  • 105. 更多 Trinity 内部设计细节?
  • 106. Q&A

×