Websocket講座（高級版）HTML5研究小組秀野堂主附件： 900多M的cygwin node+socket.io js下操作mysql

我做的案例

聊天室

遠(yuǎn)程服務(wù)器監(jiān)控

聯(lián)機作圖前端傷不起老子幾年前進了互聯(lián)網(wǎng)圈?。。。。。?！成了前端工程師，名字是不是很拉風(fēng)，有木有?。。。。。。。?/p>

尼瑪跟老子講前臺代碼簡單?。。〕鋈敫呒墝懽謽?，薪水高?。。。。。。。。。。。。。。?！

入行才2K起?。。。。?K在帝都都夠毛用?。。。?！

尼瑪簡單個毛線?。。?/p>

HTML、XHTML、XML、json...有木有！??！

CSS要寫一堆兼容代碼有木有！?。?！圖片素材要合并有木有?。?！

JavaScript、OOP、什么線程、請求、異步、優(yōu)化??！內(nèi)存泄漏??！有木有啊有木有?。。。。?！

尼瑪說你呢?。?！就你張嘴傻樂的?。。?！

不用IE6會死?。。。?！升級下瀏覽器會死啊?。。。?/p>

還有IE6/7/8/9?。。。。。?！神馬Firefox、Chrome、Safari?。?！神馬Android、iPhone、iPad?。。?/p>

全尼瑪是浮云?。?！浮云啊?。?！

為毛這么多瀏覽器?。∵€要都兼容?。。。?！坑爹呢?。。?！

尼瑪天天趕項目要加班?。。。。?/p>

加班比吃飯還正常?。。。?！

最惡心的是辛辛苦苦寫的代碼啊?。?！

尼瑪上線了還要改?。。?！

最后改的面目全非?。。。。。。?/p>

技術(shù)更新比翻書還快?。?！

神馬HTML5、CSS3啊?。。。。?！

離線、圓角、動畫、視頻、音頻尼瑪想讓前端把活都攬了?。。。。。。。。?/p>

尼瑪英文能力還要好?。。?！

要不看不懂大老外寫的博客?。。?！

尼瑪哥又不是英語專業(yè)的?。。。。?！

尼瑪產(chǎn)品出BUG了先查前端代碼?。。?！

是不是前臺的問題都丟給前端?。?！

哥是超人嗎?。?？尼瑪提供的數(shù)據(jù)就是那個操行，哥能去改服務(wù)器?。。?！

尼瑪當(dāng)初不是說你說這么改的嗎

最后尼瑪又讓哥改回去?。。。。。。。。?！

坑爹?。。。?/p>

總之

做前端的尼瑪你傷不起啊啊啊啊啊?。。。。?！

后臺開發(fā)只扔一堆數(shù)據(jù)就不管了啊?。。。。。。。?/p>

設(shè)計哥扔下PSD就完事了?。。?！

尼瑪哥要高保真還原啊?。?！尼瑪領(lǐng)導(dǎo)要1px對齊?。。。?/p>

尼瑪殘品哥要這樣那樣的動態(tài)效果?。。?！

尼瑪都是要做死啊?。?/p>

為毛做后臺開發(fā)就高級?。。?！

前端開發(fā)就沒技術(shù)含量啊?。?！

殘品哥很淡定的說：這個很好搞嘛??！

好搞你妹??！你以為哥是拿意念寫代碼的?。?！

哥要一行一行寫幾千行代碼?。。?！

Ws與xhr的區(qū)別互聯(lián)網(wǎng)Or局域網(wǎng)Or其它網(wǎng)絡(luò)結(jié)構(gòu)httpserverUpgrade-handshake雙工，持續(xù)，快速，事件IE6、7、8、9broswerChromeSafrai、Opera其它穿著馬甲的IEbroswerxhrxhrxhrwswswsxhr猥瑣（websocket）的模型與計算圖broswerWs-serverWs://ip:端口握手（開始狀態(tài)判斷）幀通信ws頭尾加密一個WEB客戶端只建立一個TCP連接服務(wù)端可以推送數(shù)據(jù)到web客戶端頭部輕，數(shù)據(jù)傳送量少通信量的計算公式設(shè)：

每天接受1萬個IP

每個IP每次瀏覽10次

每次瀏覽產(chǎn)生100K的數(shù)據(jù)

每個http頭1K

每個ws頭1.01K計算：在http請求下，每個點擊都需要http頭+內(nèi)容

通信量：(100+1)K*10000*10=10,100,000K

服務(wù)器連接數(shù)量：CPU與內(nèi)容消耗：在ws下，一次連接，全程使用

通信量：(100+1)K*10000*10=10,100,000K

服務(wù)器連接數(shù)量：CPU與內(nèi)容消耗：

用11句話來概括websocket我習(xí)慣上稱之為ws協(xié)議（猥瑣協(xié)議）這是幀通信他是http協(xié)議的增強升級。又稱為http1.1雙向雙工可持續(xù)性的獨立通信事件毫秒級通信，高實時基于瀏覽器目前還是draft狀態(tài)在proxy環(huán)境下有麻煩Ws(猥瑣)協(xié)議是基于事件編程，有動作就有響應(yīng)你可以根據(jù)websocket協(xié)議（猥瑣協(xié)議）寫出私有猥瑣服務(wù)器寫一個websocket應(yīng)用是很容易的條件：架設(shè)好websocket服務(wù)器在支持websocket的瀏覽器發(fā)出ws請求注意：注意跟蹤連接的狀態(tài)注意通信中使用的是stream還是string使用事件node,sock.io與websocket的關(guān)系broswerv8jsnodeoshardwareNode.js包羅萬象的一個javascriptruntime（了不起）夠做的超過很多人的想像從目前的測試來看，10萬socket并發(fā)的8核服務(wù)器貌似沒有問題這是涵蓋websocket協(xié)議的ssjs的典型之作大多人知道js是基于事件，node讓大家知道js是四層架構(gòu)，可以直接訪問硬件了Socket.ioLearnboost提供的一個基于websocket的通信框架向下（又跨adobe）兼容太多，產(chǎn)生大量的弊端在groups.google上面討論的非常多，但本人覺得這是一個被玷污的作品，最終可能會被node-websocket-server代替一直對ssl和proxy的問題無法解決目前還在跟蹤，感覺此物前途莫測Socket.ioNode-websocket-serverNode的組成與SSJSServersidejavascript==ssjsNode組成由C寫的嵌入v8的程序#include<v8.h>類似.net的CLR對事件的響應(yīng)于javascript寫成架設(shè)座基于no檔de的猥素瑣服癢務(wù)器物（一存）架設(shè)li識nu庫x下Ub瞇un斜tu安裝冒依賴溜包su始do路a遲pt祝-g繪et握i態(tài)ns腦ta演ll般g棚++繼c善ur日l算li阿bs構(gòu)sl慈-d亂ev論a血pa丸ch并e2訊-u屠ti杠lssu諷do硬a蘋pt煉-g嘆et象i探ns盲ta聰ll激g辛it章-c盞or特egi讀t泉cl錢on根e瓜gi塑t:吼//屢gi蛾th澇ub府.c牛om蹈/r辟y/類no稍de跪.g盟it判c銹d漂no確de教.瀉/c衫on小fi改gu箱re宇m車ak臭e斯su銜do搞m溪ak司e柜in夜st憲al駁lCe不nt啟osyu猴m圖in耕st法al睛l禽gc拒c-億c+考+聰op暖en皺ss發(fā)l-蹈de裁ve脂l債wg多et頑-傷-n紡o-蓬ch塔ec事k-壩ce凝rt掃if刺ic何at路e你ht杠tp析s:格//寸gi允th籃ub正.c陡om塑/r沈y/爛no勿de滾/t饑ar判ba摧ll勁/v凱0.致3.慌3惱ta旦r筐-x酬zv膛f監(jiān)ry把-n論od觸e-雪v0督.3懼.3縣-0職-g閱57靈54炮4b戴a.銀ta酒r.孩gz息c調(diào)d鑒ry棒-n程od榆e-盯v0鮮.3去.3傲-0籃-g窄57什54假4b年ac聞1悠./手co厘nf宿ig暖ur涌e階ma房誠ke董m鏈ak壩e標(biāo)in鞠st貪al抵lma說c下ht包tp健s:茂//跳gi怒th頸ub掙.c求om膨/m警xc吧l/現(xiàn)ho租me船br鏟ew稍.g為itbr惠ew佳i誤ns損ta摟ll便n制od騎e安裝Xc河od炸e安裝gi鴨t架設(shè)慢基于no截de的猥艦瑣服潔務(wù)器晝（二慎）wi工nd小ow帶s下條件芳：必須擦模擬躍出li自nu絮x環(huán)境還要跟有py平th滾on環(huán)境還要含能夠gi局t…榨…很多胡很多下載倡地址讓我隱教你傍練習(xí)no覆de，體群驗ws：Cy額gw綿in全部臟下載佩（不室要看呼網(wǎng)上紀(jì)關(guān)于cy臺gw獻in的缺軌點和旗不足誕，試慈了才桌知道旺）Gi覽t到no厲de文件向，由災(zāi)于ra俯y同學(xué)過已經(jīng)貼與jo脅ye焰nt產(chǎn)生旬了合元作。滿所以格目前cn笑od蔑ej姨s.畢or永g這個燥號稱差在中內(nèi)國的豪官網(wǎng)逆發(fā)布枯的是舉錯的而。正確掩地址加是：gi捏t攤cl占o(jì)n森e棍gi斃t:配//沸g(shù)i剩th癥ub菊.c革om繳/j御oy敘en招t/集no償de受.g絨it而不未是：gi攻t巷cl膜on副e向gi藥t:畢//煎gi洗th凳ub貨.c腐om斷/r沈y/燈no邪de求.g游itcd旅n涼od狀e./燥co董nf緒ig液ur介ema巴ke可以無在#提示隸符下刊直接顆運行私：no秒de誼n選od純e/你的事服務(wù)掀器js了注意蘭事項1，我未從不底考慮象兼容聰?shù)氖绿矍椤骋驗榀熯@是竊試驗慮。2，從紛目前陵的應(yīng)膏用來燭看，謎移動芒媒體攏上也混不需北要兼盲容IE3，微恒軟始惰終是劫慢一陷拍的畢，別怕在互桐聯(lián)網(wǎng)永上跟近隨他使。We膝bs孟oc抱ke兼t與no辛de的商脊業(yè)應(yīng)卡用你看牽到的北這個示標(biāo)題蹲是真劉實不雀虛的棟，已除廣泛放應(yīng)用亮在國錦內(nèi)外嘉好多賭公司國內(nèi)巡壽：ta連ob壘ao國外蝴：教應(yīng)育領(lǐng)樣域：湖（據(jù)借說，殊他們劃致力正于通騙過網(wǎng)菠頁技稅術(shù)來淘提供笑革命雷性教選育EN發(fā):SF慮-b呼as辰ed廣e息du基ca縣ti叼on白s障ta毅rt崖up眼L扔ea窄rn傲Bo禿os千t）Lo驅(qū)nd氣on寨2健01騎2損ol盆ym妄pi耐cs紗s勉ho概p惠ru圍ns菌o宵n貪se塊rv搜er法-s燦id職e開Ja珍va魔Sc央ri沃pt……球ma沈ny索k聚in爐ds逗a蔬pp漂li培ca懸ti蝕on識o桑f俊yo鳳u涂ca饅n根th碼in唱k今天港要看姐很多零方案眼睛竿別只疊看著葬手機揮和ip倚ad所有指的網(wǎng)口站、OA、ER洞P、辦沿公領(lǐng)閉域監(jiān)控緒安防茅領(lǐng)域傳感炕器也炊可以教接上we偷bs淹oc打ke羽t通信汗是一討種想狹像力最簡念易的匪遠(yuǎn)程護控制移動忌設(shè)備--掌中可閱讀醫(yī)方案Ws-s已er卵ve湊r==ba俊se蔑d逮on駛n哨od較e.徹jsda事ta鈔ba蘭seip嚴(yán)adip靠ho烤neAn參dr閃oi批d感wi狗th址o隊pe纏ra泊m值in廳iUC腳??Ss院js比s藍ql現(xiàn)在執(zhí)大多滑數(shù)移曬動新冤聞閱彼讀有績問題睡，無吐緩存例如固：參免考消諒息、垂艾瑞滾咨詢峽、科醒技資鈔訊咨訊帖與天叮氣則早是結(jié)崖合ht底tp走的顆瀏覽酷器路編線結(jié)合lo眾ca版ls警to撓ra咽ge將有括效減桿少訪議問，納讓用訪戶體坑驗更只好。只要怒愿意穩(wěn)，隨何時可敘以控張制客強戶端岸。重點名解決紙幾個狗問題確：1，網(wǎng)逮絡(luò)請懂求過詞多的殘問題該。2，對叫新聞詠客戶幕端身妖份的暴確認(rèn)尤問題佳。3，減欄少訪秘問，餃已讀壯過的秘新聞芝不必命再下辦載的溝問題壁。另一畫片藍貫?！W(wǎng)絡(luò)勻教育脅與辦昌公軟插件文件恰管理柏，遠(yuǎn)屋程監(jiān)撐控，屋文件途同步占，用認(rèn)戶監(jiān)次控Ws-s楚er項ve裝r==ba么se堤d什on廉n也od批e.廉jsda海ta湖ba紫seSs偵js濤s冠qlVi柳de礎(chǔ)ocl變as蹤蝶sr晌oo遞mSs羨js礎(chǔ)s克ql優(yōu)點砌：用戶率狀態(tài)按更可冒控。服務(wù)止更穩(wěn)釘定，熊流暢技術(shù)屢上有枕保障聯(lián)機亮對戰(zhàn)時間牙裁決催，倒累底是宅哪一殘種正跪義？典型萌案例雷神污之錘吊、反風(fēng)恐精冊英（軍誰網(wǎng)暴速快誼，誰飲先跑食，拼簡的就石是速脹度）紅色粗警戒毒、星遼際（鄰向低舌網(wǎng)速舟兼容裹，大按家一庭起玩匹策略再）個人趨時間步被公俗共時贏間代按替，妨公共斑時間晝的決思定，幻玉由服仆務(wù)器怎完成栗。設(shè)：s=林se辦rv帶er兩,c窗1=誤cl磨ie閱nt糟1,勇c2雪=c什li羊en錘t2解答淋：s.躲ti席me栽=l閉ow綠(c歐1.城ti禮me艷:c植2.預(yù)ti裝me折)暖||鄙s芝.t困im毒e=柔fr孟ee今hi層gh傍(c煩1.王ti買me懶:c項2.振ti拿me滋)C(付x)湯.m罰is鋼si笑on忙->劫ta擠rg煙et羊->散fi戴ni紋sh釀ed蛛->栽wi采n乒=洗==漲=w斃it子ho外ut捉s偶.t削im據(jù)e（聯(lián)機斗地軌主，阿聯(lián)機打飛攏機）圾完全群可以冒用ht密ml蔑5實現(xiàn)瘋，不卷必?fù)?dān)徑心版壁權(quán)問類題，胡因為謝服務(wù)顆器的仙核心鉗事件壤還是猴挺多敬的。應(yīng)該敘鼓勵印大家增自己燈寫客行戶端錄連上溜去。晉讓用景戶參凱與游饒戲的器開發(fā)武?？商烈蕴釋m供服盤務(wù)器微端的AP荒I。更筋有意量思最終寒任何蘇一種ht砍ml算5聯(lián)機夜游戲錢的服博務(wù)端胖都會府越來歇越瘦尚，最扇后只懲剩下墓網(wǎng)絡(luò)柳通信瓦、時乞間裁鴿決、魚房間鍵組成暫。三扭個部忌分。以上歡全是活個人曉觀點欺，敬辣請注時意判慣斷寫自協(xié)己的we遍bs亮oc坑ke跳t服務(wù)乒器PH戲PPy宣th擁on等等充。。敢。好多債開發(fā)軍語言甘都可柳以搞we色bs粒oc肯ke捧t服務(wù)但是鍬仿佛旋所有懲的客繭戶端獨都是js能不蟻能vb桂s？這答東西敵在wi雞n上太監(jiān)強悍新了奇技評淫巧峰：思淺考最婚簡易臺的遠(yuǎn)箏程控點制步驟用vb型s在本捧機發(fā)湊起一充個基雨于ch賴ro扁me瀏覽兩器的ws服務(wù)藍。連接接收攪服務(wù)脊器端保發(fā)回比的各停種數(shù)榜據(jù)（倍鼠標(biāo)念坐標(biāo)伴，鍵萌盤位售，命雕令，紡文件加流。巾。。書。。剩。）運行皮各種傾命令懼。作用可以捆不依鐵賴任椒何一占種安蔥裝程眼序，恰即可萍