[SignalR][ASP.NET] 使用 SignalR 來達成電腦網頁與手機網頁即時互動

Standard

之前寫過一篇 [Node.js] 使用 Node.js 來達成電腦網頁與手機網頁即時互動,當時是用 Node.js,最近看到了 .NET 也提供了相似的解決方案 ── SignalR。

官方的介紹是:Async signaling library for .NET to help build real-time, multi-user interactive web applications.
SignalR 一樣可以做即時跟多使用者的互動網路應用程式。
在製作案件時,有時候是無法在客戶的主機上動手腳的,為了不要被技術跟環境侷限,多會一種解決方案也不賴呀。
而且寫的時候覺得 SignalR 寫起來更簡單,很多事都在背後偷偷幫你做完了(.NET 似乎都這樣封裝得好好的,但還是要搞懂其中原理比較好呀)。

廢話不多說,來看一下怎麼實作此次的需求囉。

Continue reading

[Facebook][C#] 透過 Graph API 上傳照片至粉絲專頁(Page)並將之設為封面照片(Cover)

Standard

最近看到一個有趣的 Facebook 網路行銷案例,是 Nescafe 的 Facebook 粉絲專頁活動。它們的封面照片(Cover)一開始是一張滿是咖啡豆的圖片,隨著粉絲數的增加,封面照片的咖啡豆會越來越少,最後會露出它們的新產品。
影片在這:

從技術端來看,就對「如何自動更換粉絲專頁的封面照片」這件事感到好奇了。當然粉絲數增加不快的話,用手動換也是可行的,但我想應該還能串上其他的應用吧!讓換粉絲專頁的封面照片是即時又有趣的。

總之來看如何實作囉。

Continue reading

[Facebook][ASP.NET] 透過 signed_request 變數取得應用程式於粉絲專頁中的資訊(是否已按讚、傳遞參數)

Standard

這東西應該很久了,但最近有這個需求就做一下筆記囉。

我們在製作 Facebook 粉絲專頁的頁籤應用程式時,會有傳遞參數的需求,但若用一般方式丟參數進去,會發現接不到 :/

https://www.facebook.com/{page_id}?sk=app_{app_id}&key=value

這樣是不行的…

stackoverflow 找了一下,原來要透過 app_data 這個參數丟,並透過 signed_request 去解析。

是這樣丟的:

https://www.facebook.com/{page_id}?sk=app_{app_id}&app_data={"key1":"value1","key2":"value2"}

Continue reading

[JavaScript] ASP.NET 的 ImageButton 搭配 jQuery validate submitHandler 事件 submit 時在 IE 無法引發伺服器端事件的問題與解法

Standard

前陣子案子遇到的問題,是一個簡單的表單需求,使用 ASP.NET 作為伺服器端語言,而前端要使用 jQuery validate 做驗證再送出。
在送出前需要再做一些事件,所以使用 jQuery validate submitHandler 事件處理,最後再以 form.submit(); 送出。

code 簡單重現如下:
Continue reading

[Facebook][ASP.NET] 使用 IE 瀏覽 Facebook 頁籤應用程式時遺失 Session 的解法 – 使用 P3P Header

Standard

其實這個問題在用 PHP 撰寫 Facebook 頁籤應用程式時就遇過,最近在用 ASP.NET 時又遇上了。
測試時使用 Internet Explorer 瀏覽,過程中有使用到 Session,但在送出表單後到下一頁面時 Session 卻遺失了。

 

這是因為 IE 的隱私設定預設會阻擋 iframe 跨域網站的 Cookie,而 ASP.NET 的 Session 需使用 Cookie,因此導致 Session 失效。
Continue reading

[ASP.NET] 在文字控制項上使用 HTML5 input type 的方法

Standard

最近的案件在製作手機版網頁時,其中有讓使用者輸入「手機」的欄位,這時想到若能善用 HTML5 文字框中 type 屬性,將之設為 tel,在智慧型手機上就能自動呼叫出電話數字鍵盤,那麼使用者輸入手機時會方便許多。

但由於是用 ASP.NET 3.5 製作,似乎在 4 之前的版本,文字框控制項尚不支援 HTML5 的眾多 type 屬性,若強制更改會造成編譯錯誤。
網上搜尋了一下解法,果真有相關的討論,其實做法就如同在文字框控制項加上 keydown 屬性一樣,在 code behind 那邊加上即可。

以本例來說,就會像這樣:
Continue reading

[Facebook][IIS] 於 IIS 7 上開發 Facebook 應用程式,發送應用程式邀請(invite)後引發 HTTP 405 錯誤 的解法

Standard

最近的案子試著在 IIS 平台上開發 Facebook Connect 應用程式,由於尚未找到一套比較合用的 Facebook .NET 3.5 SDK(題外話,若路過的前輩有覺得不錯的 SDK,能推薦給小弟一下也十分感謝啊XD),因此先使用 HTML + Facebook JavaScript SDK 做開發。

結果在製作「發送應用程式邀請」(invite) 時,使用者選定朋友後送出,會吐一個 IIS 的 HTTP 405 錯誤出來,原以為是 Facebook 的 FBML 寫法有誤。
Continue reading

[Facebook] 取得粉絲專頁資訊與最新一筆主題的方法 (PHP/jQuery/ASP.NET(C#))

Standard

想要取得粉絲專頁(粉絲團頁面)的公開資訊,以及該粉絲團最新一筆主題該怎麼做呢?
這邊分成三種版本來講:PHP、jQuery 與 C#.NET。

※由於粉絲專頁幾乎是公開資訊,從 Graph API 就可取得。因此其實也可以不用做 app,直接就可以透過 Graph API 撈取。這邊只有 PHP 是用老作法。

Continue reading