[Facebook] 邀請已過期(expired) 的錯誤與解法

Standard

近日開發活動網站的 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 寫法有誤。
繼續閱讀…

[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
程式碼: 0
URI: 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

隨手記一下幾個要點,有些是從開發者論壇中找到的,有空會再確認是否是正確的做法。

  1. 以 iframe canvas 模式開發時,要傳遞 POST 變數,form 的 action 可以寫成 action=”save.php?“。這樣在 save.php 就能取得變數。
  2. iframe 頁面自適大小:FB_RequireFeatures 中加入 FB.CanvasClient.startTimerToSizeToContent();,且在 IFrame 大小選擇 Resizable。
  3. FBML 模式中,圖片、CSS 的位置都要寫真實的位置 .. 此外,圖片若會出現一條線的破圖狀況,需加 img { display:block; } 的 CSS。
  4. Facebook API (PHP) 判斷是否為粉絲:
    [code language=”PHP”]
    $facebook->api_client->pages_isFan(‘粉絲團ID值’, ‘使用者FB ID’);
    會返回 Boolean 值。
    [/code]
  5. 非粉絲的畫面要加一個讓使用者點擊就能加入粉絲團的按鈕:
    [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]

    好吧,我還是習慣叫它加入粉絲團。加入粉絲團現在改成「讚」了喔。

先醬子,有空再做整理囉。