2012年8月20日 星期一

signalR 實驗紀錄簿

signalR 是啥?詳洽神人群

http://www.techdays.ru/videos/4369.html

http://www.dotblogs.com.tw/regionbbs/archive/2012/07/01/introduce.to.signalr.aspx

http://www.dotblogs.com.tw/hatelove/archive/2012/07/01/signalr-introduction-about-realtime-website.aspx

 

 

一言以蔽之,就是一個完美封裝 各家密技 實作 server push 進而達成 realtime web 的技術


 

 

 

 

關於範例 SignalR.Sample

直接在 NuGet 的 Package Manager Console,輸入

install-package SignalR.Sample

就能得到 SignalR.Sample 範例

但是不知為何我用2012 RC 會出錯,用2010就沒事

 

 

 

 

關於 IE7

如果有玩弄它一下會發現 IE7 會掛點

因為IE7不支援 JSON 物件 而 signalR 全靠 JSON

當然啦 這東東也沒那麼廢 稍微找一下就有解

http://www.dreamincode.net/forums/blog/1267/entry-3684-signalr-doesnt-work-in-ie-internet-explorer/

神人表示:搭配 json2 就可解決 一樣 NuGet 取得

 

 

 

 

老梗:神人的範例都太難 來看些低端實驗

 

 

1.建立專案

ASP.NET MVC 啥都可以 就弄個空白Web應用程式(誰叫我MVC苦手ˊ_>ˋ)

2.NuGet 安裝 SignalR

他會幫你把要的東東都搞定 參考也加好

3.弄個頁面出來 引用Script

ASPX HTML都可以 因為他是前端跟後端溝通的技術 這裡就弄個 HTML

based on jquery 所以 J蛞蝓不可少

signalR 主檔也不用說

這裡最神奇的是這個 signalr/hubs 你會發現根本沒這個檔案

但是他不可或缺 我也不會解釋

小朱大大表示:用戶端部份和 Persistent Connection 的不同,就是在用戶端必須要加入 “/singler/hubs” 這個指令碼來源,它會產生 hub 的 metadata,如果沒有它的話,用戶端針對 hub 的指令碼 ($.connection.push) 會失效。

4.撰寫前後端的方法

這裡就是這東東最神奇的地方 他可以穿越時空 前後端呼叫來呼叫去

前端

/testPage.html

後端

/App_Code/HubClass.cs

5.收工 開始玩弄

 

 

 

 

飯粒黨:http://www.mediafire.com/?v8605f83s993vbr

沒有留言:

張貼留言