This document describes how to set up a WebSocket server called Shirasu on Amazon EC2. It involves launching an EC2 instance with Fedora 14, installing Shirasu and its dependencies via RPM and YUM, configuring Shirasu to handle chat, stock data, and Twitter streams, and testing the WebSocket connections through a web browser. The Shirasu server is then stopped and the EC2 instance terminated to conclude the process.

1. WebSocket
July 2011
1

2. http://j.mp/ws201107
2

3. MiCHiLU Labs.
ENDOH takanao
3

4. 4

5. WebSocket
5

6. WebSocket
6

7. HTML5
• •
• CSS3 •
• •
• 3D
•
7

8. WebSocket
•
•
8

9. WebSocket
shirasu.ws
WebSocket
9

10. shirasu.ws
• https://github.com/michilu/shirasu
• Misultin
HTTP
• Erlang
10

11. shirasu.ws
• Fedora Linux RPM
Red Hat Enterprise Linux
•
YAML
•
11

12. shirasu.ws
• path
path
• HTTP
HTTP
• HTTP GET
HTTP WebSocket
12

13. 13

14. • Fedora 14 Amazon EC2
• Shirasu WebSocket
14

15. Amazon EC2
• AWS
• AWS
• Fedora 14
• ssh
15

16. AWS
• AWS
http://j.mp/r3KAwO
16

17. AWS
• EC2 US East EC2 Dashboard Launch Instance
17

18. AWS
• Request Instances Wizard My AMIs
18

19. AWS
• “ami-669f680f” Select
19

20. AWS
• INSTANCE DETAILS Continue
20

21. AWS
• INSTANCE DETAILS Continue
21

22. AWS
• INSTANCE DETAILS Continue
22

23. AWS
• Key Pair Key Pair
23

24. AWS
• pem
24

25. AWS
• CONFIGURE FIREWALL Continue
25

26. AWS
• REVIEW Continue
26

27. AWS
• Close
27

28. AWS
• EC2 Instances
28

29. AWS
• Public DNS
29

30. AWS
• Security Groups default TCP Port/8000
30

31. •
31

32. • pem
$ chmod 600 ~/Downloads/shirasu.pem
32

33. • AWS ssh
$ ssh -i ~/Downloads/shirasu.pem
ec2-user@ec2-****.compute-1.amazonaws.com
…
Are you sure you want to continue connecting
(yes/no)? yes
33

34. • AWS ssh
…
Appliance: fedora-14 appliance 1.0
Hostname: ip-10-203-13-209
IP Address: 10.203.13.209
[ec2-user@ip-10-203-13-209 ~]$
34

35. Amazon EC2
• shirasu RPM
•
• shirasu
35

36. • shirasu RPM
EC2$ curl -O -L http://j.mp/nv9UYI
36

37. • rpm
EC2$ rpm --test -ivh shirasu-0.1.2-1.fc14.i386.rpm
error: Failed dependencies:
PyYAML is needed by shirasu-0.1.2-1.fc14.i386
erlang-misultin is needed by shirasu-0.1.2-1.fc14.i386
erlang-mochiweb is needed by shirasu-0.1.2-1.fc14.i386
erlang-sasl is needed by shirasu-0.1.2-1.fc14.i386
37

38. • yum
EC2$ sudo yum install -y
PyYAML erlang-misultin
erlang-mochiweb erlang-sasl
…
Complete!
38

39. • rpm shirasu
EC2$ sudo rpm -ivh shirasu-0.1.2-1.fc14.i386.rpm
Preparing... ########################################### [100%]
1:shirasu ########################################### [100%]
39

40. Amazon EC2
• shirasu
• WebSocket
• shirasu
• shirasu
40

41. • shirasu
EC2$ sudo service shirasu start
Starting Shirasu: [ OK ]
41

42. WebSocket
http://ec2-*.compute-1.amazonaws.com:8000/index.html
42

43. 1. Chat
• Connect
43

44. 1. Chat
• Send
44

45. 2. Exchange Chart
• vs
45

46. 3. Twitter Streaming
• shirasu
EC2$ sudo vi /etc/shirasu/shirasu.yaml
46

47. 3. Twitter Streaming
• <SCREEN_NAME> <PASSWORD>
...
shirasu_http_stream:
/stream.twitter.com/1/statuses/sample.json:
"http://
<SCREEN_NAME>:<PASSWORD>@stream.twitter.com/1/
statuses/sample.json"
/exchange/USDJPY:
- "http://chartapi.finance.yahoo.com/instrument/
1.0/USDJPY=X/chartdata;type=quote;range=2d/csv/"
47

48. 3. Twitter Streaming
• shirasu
EC2$ sudo service shirasu reload
Reloading Shirasu: [ OK ]
48

49. 3. Twitter Streaming
• Twitter Streaming API WebSocket
49

50. • shirasu
EC2$ sudo service shirasu stop
Stopping Shirasu: [ OK ]
50

51. 51

52. 1. Chat
52

53. 1. Chat
• shirasu
• path
ws://host:8000/chat
• “/chat” path
• path
53

54. 1. Chat
Server Clients
client 1
/path
client 2
/foo client 3
54

55. 2. Exchange Chart
55

56. 2. Exchange Chart
• HTTP GET
• HTTP CSV
WebSocket
• http://chartapi.finance.yahoo.com/
chartapi.finance.yahoo.cominstrument/1.0/
USDJPY=X/
chartdata;type=quote;range=2d/csv/
56

57. 2. Exchange Chart
Server Clients
HTTP GET
CSV
client 1
/exchange
client 2
57

58. 3. Twitter Streaming
58

59. 3. Twitter Streaming
• HTTP GET
• HTTP HTTP
WebSocket
• http://
<SCREEN_NAME>:<PASSWORD>@
stream.twitter.com/1/statuses/sample.json
59

60. 3. Twitter Streaming
Server Clients
Twitter Streaming
API
/ HTTP
client 1
/twitter
client 2
60

61. HTTP GET
• shirasu_http_stream
/etc/shirasu/shirasu.yaml
…
shirasu_http_stream:
<path1>: <URL1>
<path2>:
- <URL1>
- <URL2>
61

62. • shirasu_http_serve
/etc/shirasu/shirasu.yaml
…
shirasu_http_serve:
<path>: <directory path>
62

63. shirasu
• shirasu listen port
/etc/shirasu/shirasu.yaml
…
shirasu:
listen:
port: 8000
63

64. Amazon EC2
• AWS
•
64

65. AWS
• AWS
http://j.mp/r3KAwO
65

66. AWS
• EC2 Instance Instance Action Terminate
66

67. WebSocket
67

68. WebSocket
1. Google Chrome
2.
3.
68

69. WebSocket
1. Network
2. WebSocket
69

70. WebSocket
70

71. • WebSocket EC2
•
• shirasu
• shirasu
71

72. WebSocket.JP
http://websocket.jp
WebSocket
72

73. http://j.mp/o5jxmI
73