前端本地应用程序网络
- 7. 当前的可供选择
? Flash XMLSocket
? Java Applet 套接口
? AJAX 的长轮询(long-polling)方式
? Iframe 及 htmlfile 的流(streaming)方式
? …
- 23. Web APP Web APP
Web APP Web APP
Web APP Web APP
Client APP
… …
Web APP Web APP
- 24. N = Web APPs
Server
N Time
Client
- 33. Trinity Framework
Browsers Applications
Client
Trinity
Network JSON, XML, etc. HTTP, Socket, etc.
Servers
- 54. 1 Master
SharedObejct
(Local Storage)
- 56. data
Master
Node Node Node
…
- 66. Master
”lastNode”
Node Node Node
…
- 67. Master
”lastNode”
Node Node Node
…
fire(data, ”lastNode” );
- 68. Master
”lastNode”
Node Node Node
…
- 69. Master
”lastNode”
Node Node Node
…
- 82. Browser Master x1
+
Browser Node x N
- 83. Browser Master x1
+
Tab Node x N
- 84. Browser Master x1
+
Applications Node x N
- 90. 第一次访问页面
Javascript
swfobject .embedSWF( “trinity.swf” ,…)
Trinity
- 92. 第一次访问页面
Master
function jsEntry(swfid,msg){
switch(msg.type){
case 'master':
pushData();
break;
}}
AJAX
long-polling
- 95. Master 获得数据
Master
trinity.fire(data);
AJAX
long-polling
- 97. 任意个含有当前应用的页面
Node
function jsEntry(swfid,msg){
switch(msg.type){
case ‘message':
updateView();
break;
}}
Other
Javascript
- 98. 用户发生行为
Node
trinity.fire(data);
User Action
- 99. 任意个含有当前应用的页面
Other
Javascript
function jsEntry(swfid,msg){
switch(msg.type){
case ‘message':
updateView();
break;
}}
Node
- 101. Master
function jsEntry(swfid,msg){
switch(msg.type){
case ‘message':
updateView();
break;
}}
Other
Javascript
- 116. 前身
Trine
2010
code name : neuron
code name : native link