近日開發活動網站的 Facebook 應用程式時，在發送應用程式好友邀請(fb:request-form & fb:multi-friend-selector)時，使用者接收到邀請，點擊按鈕後，只會看到「邀請已過期」，並不會被導向到活動網站。
同事研究後發現，有兩個問題點會導致這樣的結果：
1. fb:request-form 的 action 導向到不同的網域。
2. fb:request-form 中的 content 屬性，少加了 fb:req-choice 按鈕標籤
[Facebook] 發送邀請對話框中的送出按鈕，英文字自動轉小寫的問題
Standard最近在製作 Facebook 聯外通的專案，專案中使用 Facebook JavaScript SDK 來製作，其中有項功能是發送邀請給好友，如下圖這樣：
詭異的是，明明 fb:request-form 中設定的 type 值是 “HELLOWORLD程式邀請”，但顯示出來卻是 “Helloworld程式邀請”，英文字僅有首字是大寫，後面的字全部自動變成了小寫。
[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 是用老作法。
[Facebook] Facebook FB.init 登入後跳出空白視窗與 FB.XD.resolveRelation 錯誤的解決方法
Standard日前在製作 Facebook 專案時，是採用聯外通登入後發佈塗鴉牆的模式，但發現在登入後時常會多跳一個空白視窗(blank window)，並包含一個 JavaScript 錯誤：
訊息: ‘FB.XD.resolveRelation(…).FB’ 是 null 或不是一個物件行: 16字元: 2193程式碼: 0URI: http://connect.facebook.net/zh_TW/all.js
後發現是 FB.init 的寫法有誤，請參照官方文件。
[AS3][JavaScript] Facebook 發佈訊息的方法
Standard本篇延續 [AS3] Facebook 朋友列表在 Flash 中用捲軸方式呈現 這篇，一樣用 Jozef Chúťka 前輩所寫的 Facebook AS3 Graph API 作法，來發佈訊息到塗鴉牆上。（由於 Connect 時就應用程式就會要求發佈塗鴉牆的權限，因此這種方法就不會跳出任何發佈視窗喔）
此外也附加了一個以 JavaScript 方式發佈塗鴉牆的方法，這個就會跳出常見的發佈訊息小視窗囉。可以依需求搭配使用～
Facebook AS3 Connect 方法在此一樣不提，請自行參考教學連結。
※ 其中要注意的是，發佈時需發佈成 Flash Player 10 版本，否則在 IE 中會無法在 connect 後正確 authorized！會一直跳出 callback.htm 頁面卻無法正確授權。為了這個問題卡很久，需特別注意。
[AS3] Facebook 朋友列表在 Flash 中用捲軸方式呈現
Standard這篇是關於在 Flash 中撈取 Facebook 的朋友列表，以捲軸(Scrollbar)呈現的作法。
※捲軸的做法我是看 Scrolling photos loaded dynamically with ActionScript 3 的教學，並將之改為列表呈現+垂直捲軸+滾輪捲動支援。
※關於 Facebook AS3 Graph API 的作法，請參照 Jozef Chúťka 前輩所寫的 Facebook Graph API & OAuth 2.0 & Flash (update) 這篇文章，往後有時間我再寫一篇文章介紹囉。
呈現的效果大概會像這樣：
[Facebook App] 應用程式開發筆記
Standard隨手記一下幾個要點，有些是從開發者論壇中找到的，有空會再確認是否是正確的做法。
- 以 iframe canvas 模式開發時，要傳遞 POST 變數，form 的 action 可以寫成 action=”save.php?“。這樣在 save.php 就能取得變數。
- iframe 頁面自適大小：FB_RequireFeatures 中加入 FB.CanvasClient.startTimerToSizeToContent();，且在 IFrame 大小選擇 Resizable。
- FBML 模式中，圖片、CSS 的位置都要寫真實的位置 .. 此外，圖片若會出現一條線的破圖狀況，需加 img { display:block; } 的 CSS。
- Facebook API (PHP) 判斷是否為粉絲：
[code language=”PHP”]
$facebook->api_client->pages_isFan(‘粉絲團ID值’, ‘使用者FB ID’);
會返回 Boolean 值。
[/code]
- 非粉絲的畫面要加一個讓使用者點擊就能加入粉絲團的按鈕：
[code language=”HTML”]
<iframe scrolling="no" frameborder="0" src="http://www.facebook.com/connect/connect.php?id=粉絲團ID&connections=0&stream=0&locale=zh_TW" allowtransparency="true" style="border: none; width: 280px; height: 65px;"></iframe>
[/code]
好吧，我還是習慣叫它加入粉絲團。加入粉絲團現在改成「讚」了喔。
先醬子，有空再做整理囉。