JCO 2011에서 발표한 슬라이드

1. RealtimeWeb
Application
withJava
ArawnOutsiderin봄싹
2011.6.19

2. Real
Time
Web

3. ServerPush

6. 리얼타임웹에
대해서얼마나
알고계십니까?

7. http://springsprout.org:10000/

8. Client-side
Server-side

9. 일단....
Client-side

10. 현재
(어쩌면약간과거)

11. Polling

12. 브라우저 서버

13. 요청
브라우저 서버

14. 요청
응답
브라우저 서버

15. 요청
응답
이벤트
브라우저 서버

16. 요청
응답
주기 이벤트
브라우저 서버

17. 요청
응답
주기 이벤트
요청
브라우저 서버

18. 요청
응답
주기 이벤트
요청
응답
브라우저 서버

19. 사실...
서버푸시라고
하기는어렵습니다.

20. Comet
WebSocket

21. Comet

22. Ajax처럼
특정기술이
아닌패턴

23. LongLived
HTTP
Connection

24. Long
Polling

25. 브라우저 서버

26. 요청
브라우저 서버

27. 요청
대기
브라우저 서버

28. 요청
대기
이벤트
브라우저 서버

29. 요청
대기
응답
이벤트
브라우저 서버

30. 요청
대기
응답
이벤트
요청
브라우저 서버

31. JSONP
Polling

32. JSONP==
JSONwithpadding

33. 스크립트태그로호출
scriptsrc=”http://domain.com/?callback=process”
/script
서버에서콜백함수로JSON객체리턴
process({
“key”:“value”,
“key2”:“value2”
});

34. 동일출처정책
SameOriginPolicy

35. 도메인당
커넥션2개제한

36. Streaming

37. 브라우저 서버

38. 요청
브라우저 서버

39. 요청
대기
브라우저 서버

40. 요청
대기
이벤트
브라우저 서버

41. 요청
대기
이벤트
응답(Chunked)
브라우저 서버

42. 요청
대기
이벤트
응답(Chunked)
이벤트
브라우저 서버

43. 요청
대기
이벤트
응답(Chunked)
응답(Chunked) 이벤트
브라우저 서버

44. varxhr=newXMLHttpRequest();
xhr.oepn('GET','/comet',true);
xhr.onreadystatechange=function(){
if(xhr.readyState==3
xhr.status==200){
//xhr.responseText
}
}

45. Chunked???

46. IE는
지원하지
않습니다

47. Foreveriframe
(Hiddeniframe)

48. 웹페이지
서버

49. 웹페이지
hiddeniframe
서버

50. 웹페이지
요청
hiddeniframe
서버

51. 웹페이지
요청
hiddeniframe
ChunkedData
서버

52. 웹페이지
요청
hiddeniframe
ChunkedData
script데이터/script
서버

53. 클릭소리
로딩바문제

54. ActiveXObject(“htmlfile”)

55. WebSocket

56. HTML5
W3C/IETF표준
WebSocket프로토콜사용
진정한양방향통신

57. HTTP를
업그래이드해서
웹소켓프로토콜을
연결한다

58. HTTP호환handshake
80/443으로동작
Proxy/firewall에친화적
ws://와wss://사용

59. //요청
GET/demoHTTP/1.1
Upgrade:WebSocket
Connection:Upgrade
Host:example.com
Origin:http://example.com
Websocket-Protocol:sample
//응답
HTTP/1.1101WebSocketProtocolHandshake
Upgrade:Websocket
Connection:Upgrade
Websocket-Origin:http://example.com
WebSocket-Location:ws://example.com/demo
WebSocket-Protocol:sample

60. varws=
newWebSocket(ws://domain.com);
ws.onOpen=
function(e){console.log(opened);}
ws.onRead=
function(e){console.log(e.data);}
ws.onClose=
function(e){console.log(closed);}
ws.send(HelloWorld);

61. Adobe
Flash
Socket

62. Server-side

63. 지속적인연결!
(persistentconnection)

64. Thread
per
Request

65. ThreadperRequest
ServletContainer
Request
Thread ServletPool
Request Servlet
Thread
Servlet
Request Servlet
Thread
Servlet
....
Request
Thread

66. Servlet
Container
Comet지원

67. Resin
(3.1+)

68. CometServlet
publicinterface CometServletextendsServlet{
booleanservice(ServletRequest,ServletResponse,
CometController)
throwsServletException,IOException;
booleanresume(ServletRequest,ServletResponse,
CometController)
throwsServletException,IOException;
}

69. ResinComet
SampleCode

70. ResinCometServlet처리흐름
Job
Client CometServlet
Executor
service(cometCtrl)
execute(cometCtrl)
suspend
cometCtrl.wake()
resume
resume(cometCtrl)

71. Jetty
(3.0+)

72. Continuation
publicinterface Continuation{
publicbooleansuspend(longtimeout);
publicvoidresume();
...
}

73. Tomcat
(6.0+)

74. CometProcessor
publicinterface CometProcessor
extendsServlet{
publicvoidevent(CometEvent)
throwsIOException,
ServletException;
}

75. Servlet3.0
(JSR315)

76. servlet
servlet-nameAsyncMessageListenServlet/servlet-name
servlet-class.../servlet-class
async-supported
true
/async-supported
/servlet
servlet-mapping
servlet-nameAsyncMessageListenServlet/servlet-name
url-pattern/messageListen/url-pattern
/servlet-mapping

77. interface HttpServletRequest
extendsServletRequest{
AsyncContextstartAsync();
AsyncContextstartAsync(
ServletRequest,ServletResponse);
}

78. publicinterface AsyncContext{
publicServletRequestgetRequest();
publicServletResponsegetResponse();
}

79. Servlet3.0
Sample
Code

80. AsynchronousServlet처리흐름
Job
Client AsyncServlet
Executor
request.startAsync()
execute(asyncContext)
asyncContext.complete()

81. WebSocket
Server

82. -jWebSocket
(http://jwebsocket.org/)
-Netty
(http://www.jboss.org/netty)
-Grizzly
(http://grizzly.java.net/)

83. 추상화

84. Clientside
WebBrowser
InternetExplorer/FireFox/Chrome/Safari...
CometClient
LongPolling/Streaming(XMLHttpRequest,foreveriframe)/WebSocket
Serverside
CometServer

85. Comet
Library

86. Lightstreamer
scalableandreliableServerfor
pushinglivedatatoRich
InternetApplications

87. Socket.IO
J2EEServletbasedSocket.IO
serverimplementation.

88. Project
Atmosphere
aportableAjaxPush/Comet
andWebSocketFramework

89. Streamhub
HTTPCometand
ReverseAjaxserver

90. Server Long Hidden Web Flash
Push polling iframe Socket Socket
Lightstreamer O O O O O
Socket.IO O O X O O
Atmosphere O O O O X
Streamhub O O O O O

91. Streamhub
-
QXQuiz
CodeReview
https://github.com
/spring-sprout
/jco-2011-realtime

92. Thread
vs
Evented

93. Questions...?
Arawn
arawn.kr@gmail.com
http://arawn.tistory.com
Outsider
outsideris@gmail.com
http://blog.outsider.ne.kr

94. 끝