[Facebook] 發送邀請對話框中的送出按鈕,英文字自動轉小寫的問題

Standard

最近在製作 Facebook 聯外通的專案,專案中使用 Facebook JavaScript SDK 來製作,其中有項功能是發送邀請給好友,如下圖這樣:

詭異的是,明明 fb:request-form 中設定的 type 值是 “HELLOWORLD程式邀請”,但顯示出來卻是 “Helloworld程式邀請”,英文字僅有首字是大寫,後面的字全部自動變成了小寫。

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] 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 頁面卻無法正確授權。為了這個問題卡很久,需特別注意。

Continue reading

[Flash] 在 Flash 中 load 來自 http://profile.ak.fbcdn.net/ 的使用者圖片會報 checkPolicyFile 錯誤的解法

Standard

在製作放置於外部的 Flash Game 時,有利用到 Facebook Graph API 去撈使用者的顯示圖片(https://graph.facebook.com/使用者UID/picture,會回傳位於 http://profile.ak.fbcdn.net/ 的圖片網址),但由於 Flash 中的安全性設置,若有裝 Flash Player Debug 版,就會跳出這樣的錯誤訊息

需要指定原則檔,但是在載入媒體時,尚未指定 checkPolicyFile 指標。

Google 了一下,找到了這篇 Blog,依照其中的 code:

Continue reading

[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) 這篇文章,往後有時間我再寫一篇文章介紹囉。

呈現的效果大概會像這樣:

Continue reading

[Facebook] 計算粉絲團內特定文章的按讚數

Standard

最近新案的需求:計算數個粉絲團中的特定文章按讚數,需要判斷加總達某個數字便可做其他事情。

去開發者討論區問之後得到方向了,詳細說明在這:
http://developers.facebook.com/docs/reference/api/page?ref=mf

實際做法如下:

註:PHP 5.2 之後似乎就有支援 json_decode 了,由於此案用的主機只有 5.1.6,所以我是另外去抓 PEARJSON.php 去解。HttpRequest 也是另外抓的。

Continue reading

[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]

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

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