Submit Search
Upload
Websocket talk in nodejs.tw
•
2 likes
•
785 views
Hsu Ping Feng
Follow
a rough introduction to websocket both server side and client side.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 15
Download now
Download to read offline
Recommended
Html5design
Html5design
fangdeng
Nodejs介绍
Nodejs介绍
myzykj
How to-start-your-own-website v1.3
How to-start-your-own-website v1.3
faliamm
LMTA
LMTA
Louisiana Oil & Gas Association
Clipping New Fashion Week 15/11/11 @ IED Barcelona
Clipping New Fashion Week 15/11/11 @ IED Barcelona
IED Barcelona
8. vgtrk доклад
8. vgtrk доклад
Aleksey Naumkin
Gospelwork
Gospelwork
Jon Juane
Aloha Design Portfolio
Aloha Design Portfolio
aloharebecca
Recommended
Html5design
Html5design
fangdeng
Nodejs介绍
Nodejs介绍
myzykj
How to-start-your-own-website v1.3
How to-start-your-own-website v1.3
faliamm
LMTA
LMTA
Louisiana Oil & Gas Association
Clipping New Fashion Week 15/11/11 @ IED Barcelona
Clipping New Fashion Week 15/11/11 @ IED Barcelona
IED Barcelona
8. vgtrk доклад
8. vgtrk доклад
Aleksey Naumkin
Gospelwork
Gospelwork
Jon Juane
Aloha Design Portfolio
Aloha Design Portfolio
aloharebecca
Industrial Summer Training for MCA/BCA/BE/B-Tech Students
Industrial Summer Training for MCA/BCA/BE/B-Tech Students
Tech Mentro
Boh
Boh
jkhayaa
YOU DON'T HAVE TO BE A GROWN-UP...
YOU DON'T HAVE TO BE A GROWN-UP...
ccncinci
Crm
Crm
Desislava Petrova
Power aware compilation demo
Power aware compilation demo
Rajeev Nadgauda
A Day in the Life... of the Kaye Prox Food Bank
A Day in the Life... of the Kaye Prox Food Bank
ccncinci
Transit-Protect presentation 2014
Transit-Protect presentation 2014
Transit-Protect
Повышение эффективности использования частотного ресурса
Повышение эффективности использования частотного ресурса
Tele2Russia
Speaking in Several Tongues, Metro 10/25/2012
Speaking in Several Tongues, Metro 10/25/2012
JANA CIOBANU
Love Quotes
Love Quotes
JANA CIOBANU
Useful Shareware / Freeware for Technical Communicators
Useful Shareware / Freeware for Technical Communicators
STC-Philadelphia Metro Chapter
Tele2 Россия: итоги работы 2011 года
Tele2 Россия: итоги работы 2011 года
Tele2Russia
Wic budapest 2011-pres
Wic budapest 2011-pres
Norbert Knoll von Dornhoff
Clipping Diario Design 15/11/11 @ IED Barcelona
Clipping Diario Design 15/11/11 @ IED Barcelona
IED Barcelona
Strategies for Career Success
Strategies for Career Success
STC-Philadelphia Metro Chapter
9. bbk tri kita
9. bbk tri kita
Aleksey Naumkin
全中國最美的女孩
全中國最美的女孩
susan10733
11기획b 이재용 내가 가장 공들인 캐릭터
11기획b 이재용 내가 가장 공들인 캐릭터
qwee998
Stypendium 3
Stypendium 3
ja_waszak
Mickey
Mickey
敏萱 梁
Node js q-con
Node js q-con
q3boy
Android vs e pub
Android vs e pub
永昇 陳
More Related Content
Viewers also liked
Industrial Summer Training for MCA/BCA/BE/B-Tech Students
Industrial Summer Training for MCA/BCA/BE/B-Tech Students
Tech Mentro
Boh
Boh
jkhayaa
YOU DON'T HAVE TO BE A GROWN-UP...
YOU DON'T HAVE TO BE A GROWN-UP...
ccncinci
Crm
Crm
Desislava Petrova
Power aware compilation demo
Power aware compilation demo
Rajeev Nadgauda
A Day in the Life... of the Kaye Prox Food Bank
A Day in the Life... of the Kaye Prox Food Bank
ccncinci
Transit-Protect presentation 2014
Transit-Protect presentation 2014
Transit-Protect
Повышение эффективности использования частотного ресурса
Повышение эффективности использования частотного ресурса
Tele2Russia
Speaking in Several Tongues, Metro 10/25/2012
Speaking in Several Tongues, Metro 10/25/2012
JANA CIOBANU
Love Quotes
Love Quotes
JANA CIOBANU
Useful Shareware / Freeware for Technical Communicators
Useful Shareware / Freeware for Technical Communicators
STC-Philadelphia Metro Chapter
Tele2 Россия: итоги работы 2011 года
Tele2 Россия: итоги работы 2011 года
Tele2Russia
Wic budapest 2011-pres
Wic budapest 2011-pres
Norbert Knoll von Dornhoff
Clipping Diario Design 15/11/11 @ IED Barcelona
Clipping Diario Design 15/11/11 @ IED Barcelona
IED Barcelona
Strategies for Career Success
Strategies for Career Success
STC-Philadelphia Metro Chapter
9. bbk tri kita
9. bbk tri kita
Aleksey Naumkin
全中國最美的女孩
全中國最美的女孩
susan10733
11기획b 이재용 내가 가장 공들인 캐릭터
11기획b 이재용 내가 가장 공들인 캐릭터
qwee998
Stypendium 3
Stypendium 3
ja_waszak
Mickey
Mickey
敏萱 梁
Viewers also liked
(20)
Industrial Summer Training for MCA/BCA/BE/B-Tech Students
Industrial Summer Training for MCA/BCA/BE/B-Tech Students
Boh
Boh
YOU DON'T HAVE TO BE A GROWN-UP...
YOU DON'T HAVE TO BE A GROWN-UP...
Crm
Crm
Power aware compilation demo
Power aware compilation demo
A Day in the Life... of the Kaye Prox Food Bank
A Day in the Life... of the Kaye Prox Food Bank
Transit-Protect presentation 2014
Transit-Protect presentation 2014
Повышение эффективности использования частотного ресурса
Повышение эффективности использования частотного ресурса
Speaking in Several Tongues, Metro 10/25/2012
Speaking in Several Tongues, Metro 10/25/2012
Love Quotes
Love Quotes
Useful Shareware / Freeware for Technical Communicators
Useful Shareware / Freeware for Technical Communicators
Tele2 Россия: итоги работы 2011 года
Tele2 Россия: итоги работы 2011 года
Wic budapest 2011-pres
Wic budapest 2011-pres
Clipping Diario Design 15/11/11 @ IED Barcelona
Clipping Diario Design 15/11/11 @ IED Barcelona
Strategies for Career Success
Strategies for Career Success
9. bbk tri kita
9. bbk tri kita
全中國最美的女孩
全中國最美的女孩
11기획b 이재용 내가 가장 공들인 캐릭터
11기획b 이재용 내가 가장 공들인 캐릭터
Stypendium 3
Stypendium 3
Mickey
Mickey
Similar to Websocket talk in nodejs.tw
Node js q-con
Node js q-con
q3boy
Android vs e pub
Android vs e pub
永昇 陳
twMVC#42 Azure IoT Hub for Smart Factory
twMVC#42 Azure IoT Hub for Smart Factory
twMVC
Html5
Html5
cazhfe
difference between query string and hash
difference between query string and hash
fool2fish
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
Hsu Ping Feng
Artifacts management with CI and CD
Artifacts management with CI and CD
Chen-Tien Tsai
Node.js Quick Tour
Node.js Quick Tour
myzykj
Mysql HandleSocket技术在SNS Feed存储中的应用
Mysql HandleSocket技术在SNS Feed存储中的应用
iammutex
twMVC#42 讓我們用一種方式來開發吧
twMVC#42 讓我們用一種方式來開發吧
twMVC
Make your DVR playground using DevStack
Make your DVR playground using DevStack
Jiang Jun
Real time web实时信息流推送
Real time web实时信息流推送
yongboy
Real-Time Web实时信息流推送
Real-Time Web实时信息流推送
yongboy
Top100summit 秀野堂主-做最好的html5游戏 copy
Top100summit 秀野堂主-做最好的html5游戏 copy
drewz lin
那些年,我們一起用過的 Xcode
那些年,我們一起用過的 Xcode
Mikimoto Chuang
Zh120226techparty jeff kit-ios-toolbox
Zh120226techparty jeff kit-ios-toolbox
Zoom Quiet
Eventmachine Websocket 實戰
Eventmachine Websocket 實戰
Mu-Fan Teng
How to ASP.NET MVC4
How to ASP.NET MVC4
Daniel Chou
01 DevOps and Azure DevOps overview
01 DevOps and Azure DevOps overview
Alan Tsai
No sql@vip new
No sql@vip new
Chao Zhu
Similar to Websocket talk in nodejs.tw
(20)
Node js q-con
Node js q-con
Android vs e pub
Android vs e pub
twMVC#42 Azure IoT Hub for Smart Factory
twMVC#42 Azure IoT Hub for Smart Factory
Html5
Html5
difference between query string and hash
difference between query string and hash
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
Artifacts management with CI and CD
Artifacts management with CI and CD
Node.js Quick Tour
Node.js Quick Tour
Mysql HandleSocket技术在SNS Feed存储中的应用
Mysql HandleSocket技术在SNS Feed存储中的应用
twMVC#42 讓我們用一種方式來開發吧
twMVC#42 讓我們用一種方式來開發吧
Make your DVR playground using DevStack
Make your DVR playground using DevStack
Real time web实时信息流推送
Real time web实时信息流推送
Real-Time Web实时信息流推送
Real-Time Web实时信息流推送
Top100summit 秀野堂主-做最好的html5游戏 copy
Top100summit 秀野堂主-做最好的html5游戏 copy
那些年,我們一起用過的 Xcode
那些年,我們一起用過的 Xcode
Zh120226techparty jeff kit-ios-toolbox
Zh120226techparty jeff kit-ios-toolbox
Eventmachine Websocket 實戰
Eventmachine Websocket 實戰
How to ASP.NET MVC4
How to ASP.NET MVC4
01 DevOps and Azure DevOps overview
01 DevOps and Azure DevOps overview
No sql@vip new
No sql@vip new
Websocket talk in nodejs.tw
1.
websocket
過去現在..未來? By Fillano 12年4月27日星期五
2.
自我介紹
• 卑微的IT工程師 • Javascript技術狂熱者 • 喜歡探索新技術 • 渾名:fillano 12年4月27日星期五
3.
websocket經驗
• 2010年ITHelp鐵人賽後 • GTUG HTML5 Hackathon • 以node.js實作過簡單的Hixie-76 Draft版 本的websocket伺服器 • 其實不多XD 12年4月27日星期五
4.
Hixie 76
• 時間:2010年 • socket.io剛出現 • handshake大不同 • data frame大不同 • 只能傳送utf-8字串 12年4月27日星期五
5.
RFC 6455
• 2011年底 • handshake比較簡單 • data frame大不同 • 可傳送binary資料及utf-8字串 • ping/pong frame 12年4月27日星期五
6.
到底什麼是websocket
• ⼀一套client side API(HTML5) • ⼀一個與HTTP相容的通訊協定(ex. hixie-76, hybi-10, RFC6455) • 提供client/server間雙向資料傳輸的機制 • 除非⼀一方關閉連結,否則連結就是持續 不斷的。關閉後需要從頭開始... 12年4月27日星期五
7.
websocket life cycle
request / handshake response / handshake 時 客 伺 frames 間 戶 服 端 ping 器 pong frames close 12年4月27日星期五
8.
與http相容的特性
• 類似⼀一個keep alive的request/response • client會送出request header • server會回覆response header • ⼀一些header資訊也可以同時利用,例如 cookie • 也支援https的傳輸加密,wss://* 12年4月27日星期五
9.
跟http不同的地方
• header中許多欄位跟⼀一般http不同,用來 傳遞特定資訊,或是做handshake • 連結是keep alive的,不會重複送出header • 資料傳送是雙向的 • 資料傳送有特定的binary格式 12年4月27日星期五
10.
client端的使用方式
• 利用WebSocket這個constructor建立連結 的instance • ex. new WebSocket(‘ws://localhost:8080, [‘echo-protocol’,‘chat’]) • 利用send()方法送資料 • 利用message事件接收資料 12年4月27日星期五
11.
server端的使用方式
• 以node.js來說,就看你用哪個module • 目前支援比較好的是websocket-node (npm install -g websocket) • socket.io用的不⼀一定是websocket,它會 優先使用flash做傳輸(請看他網站上的 faq說明),所以我才選上面這個module 來做測試 12年4月27日星期五
12.
展示:多人共享白板 12年4月27日星期五
13.
未來?
• WebSocket與RFC6455本身應該不會有大 變動 • WebRTC目前制定的規格,還很難跟 websocket直接整合,而且效能... • Microsoft提案Stream API,利用它可以把 資料append到blob,這樣就有機會利用 websocket轉送blob來播放audio/video 12年4月27日星期五
14.
Q&A 12年4月27日星期五
15.
參考資料
• http://tools.ietf.org/html/rfc6455 • http://www.whatwg.org/specs/web-apps/ current-work/#network • http://dev.w3.org/html5/websockets/ • http://www.w3.org/TR/FileAPI/ • https://github.com/Worlize/WebSocket- Node/wiki/Documentation 12年4月27日星期五
Download now