カテゴリー : Facebook

[Facebookアプリ] JavaScript SDK は必ず https で利用すべし

 

Facebookアプリにて、JavaScript SDK を使う場合は、SSLで利用しないとIEで上手く動作しないなどのバグが発生してしまいます。
 

JavaScript SDKを利用するには、ほとんど Facebook Connect はSSLでも利用できるので、今まで

1
<script src="http://connect.facebook.net/en_US/all.js"></script>

としていたのなら

1
<script src="https://connect.facebook.net/en_US/all.js"></script>

に置き換えるだけでOKです。
 

httpsのページに部分的にセキュアでない接続が混在しているとブラウザ(特にIE)によっては正常に動作しないので注意が必要です。
 

【参考】

JavaScript SDK – Facebook Developers はてなブックマーク - JavaScript SDK - Facebook Developers
 

[Facebook API] IFrameタブページでスクロールバーを消す関数 setAutoGrow()

Facebook にて IFrame タブページでスクロールバーを表示しない関数は setAutoGrow() を使います。

従来までの setAutoResize は2011年12月31日までしか使えません。

続きを読む

[Facebook] Upgrade Your App to OAuth 2.0 and HTTPS by October 1st

Facebookから「Upgrade Your App to OAuth 2.0 and HTTPS by October 1st」というタイトルのメールが着ました。

要約すると、2011年10月1日からFacebookアプリに「HTTPS+OAuth2.0」の利用を義務付けるとのことです。

以下、Facebookからのメールです。

—-
Dear Developer of Your App,

Reminder: Upgrade Your App to OAuth 2.0 and HTTPS by October 1st. In May we announced that all apps on Facebook need to support OAuth 2.0 and HTTPS to make the platform more secure.

All apps, including page tab apps, must migrate to OAuth 2.0 for authentication. The old SDKs, including the old JavaScript SDK (FeatureLoader.js) and old iOS SDK (facebook-iphone-sdk) will no longer work. In addition, iframe Canvas and Page Tab apps must support HTTPS and provide a secure canvas or secure page tab URL.

If you haven’t already made these changes, visit the Developer Roadmap before October 1st for more information about how to upgrade your app and avoid having it disabled.

You can also seek support in the Facebook Developer Group: https://www.facebook.com/groups/fbdevelopers/

Thank You,
Facebook Developer Relations
—-
 

 

以上です。

開発中のFacebookアプリをFacebookページに埋め込む方法

 

開発中のFacebookアプリをFacebookページに埋め込む方法が分かりにくかったので、忘れないようにメモ。
 

  1. Facebook開発者(https://developers.facebook.com/apps)のページにアクセス
  2.  

  3. サイドバーから埋め込みたいアプリを選択
  4.  

  5. 「Edit Settings」をクリック
  6.  

  7. サイドバーの Related links から「アプリのプロフィールページを見る」をクリック
  8.  

  9. アプリのプロフィールページの左サイドバーから「マイページへ追加」をクリック
  10.  

  11. 「(アプリ名)をFacebookページに追加」のダイアログが出るので、追加したいFacebookページに対応する「Facebookページに追加」ボタンをクリック

 

【参考】

新しいFacebookページにStatic iframe形式でタブを追加する方法 [C!] はてなブックマーク - 新しいFacebookページにStatic iframe形式でタブを追加する方法 [C!]
 

FacebookアプリのSSL認証が2011年10月1日から義務化

Facebookページに追加するiFrameページと、FacebookアプリのSSL認証が2011年10月1日から義務化されるそうです。

SSL認証に対応していない場合、実施以降は表示すらできなくなるとのことです。

Facebookアプリやページの運営者は早急な対応が必要になりそうですね。

現状、httpsに対応していないアプリがほとんどなので、2011/10/01から使えなくなるアプリがたくさん出て来る気がします。
 

参考情報

FacebookページやFacebookアプリのSSL認証が義務化されます | [M] mbdb

FacebookがSSL対応。外部呼び込みファイルをチェックしましょう。絶対パスの記述は http:// でも、SSL対応サーバなら表示されます。SSL非対応サーバは非表示となります。

Developer Roadmap Update: Moving to OAuth 2.0 + HTTPS – Facebook Developers

[Rails] redirect_to でリダイレクトできない原因はURLに半角スペースが入っていたせい

 

Railsのメソッド redirect_to で、Facebook認証後のリダイレクト処理をさせていたのですが、ちゃんと動かなくて困っていました。
 

リダイレクトできなかった原因はなんと、URLに半角スペースが入っていたせいでした…
 

1
2
redirect_to @facebook_cookies.url_for_oauth_code(:permissions => "publish_stream, read_stream")
#redirect_to 'https://graph.facebook.com/oauth/authorize?client_id=125635350871368&redirect_uri=http://localhost:3000/&scope=publish_stream, read_stream'

 

“publish_stream, read_stream” の部分の半角スペースが入っていたせいでリダイレクトできていなかったみたいです。
 

文字列で渡すところをうっかり配列で渡すような書き方にしてしまっていました…
 

正しくは以下のように、スペースを入れないで scope に渡すパーミッションを指定します。
 

1
2
redirect_to @facebook_cookies.url_for_oauth_code(:permissions => "publish_stream,read_stream")
#redirect_to 'https://graph.facebook.com/oauth/authorize?client_id=125635350871368&redirect_uri=http://localhost:3000/&scope=publish_stream,read_stream'

 

ちなみに、Facebook API を使うためのライブラリは koalaを使っています。
 

arsduo/koala – GitHub はてなブックマーク - arsduo/koala - GitHub
 

以上です。
 

[Facebook] 言語コード・国コード(locale)一覧表

 

Facebookの 言語コード・国コード(locale)の一覧表を見つけたのでメモ。
 

Locale Value
Afrikaans af_ZA
Albanian sq_AL
Arabic ar_AR
Armenian hy_AM
Aymara ay_BO
Azeri az_AZ
Basque eu_ES
Belarusian be_BY
Bengali bn_IN
Bosnian bs_BA
Bulgarian bg_BG
Catalan ca_ES
Cherokee ck_US
Croatian hr_HR
Czech cs_CZ
Danish da_DK
Dutch nl_NL
Dutch (Belgi?) nl_BE
English (Pirate) en_PI
English (UK) en_GB
English (Upside Down) en_UD
English (US) en_US
Esperanto eo_EO
Estonian et_EE
Faroese fo_FO
Filipino tl_PH
Finnish fi_FI
Finnish (test) fb_FI
French (Canada) fr_CA
French (France) fr_FR
Galician gl_ES
Georgian ka_GE
German de_DE
Greek el_GR
Guaran? gn_PY
Gujarati gu_IN
Hebrew he_IL
Hindi hi_IN
Hungarian hu_HU
Icelandic is_IS
Indonesian id_ID
Irish ga_IE
Italian it_IT
Japanese ja_JP
Javanese jv_ID
Kannada kn_IN
Kazakh kk_KZ
Khmer km_KH
Klingon tl_ST
Korean ko_KR
Kurdish ku_TR
Latin la_VA
Latvian lv_LV
Leet Speak fb_LT
Limburgish li_NL
Lithuanian lt_LT
Macedonian mk_MK
Malagasy mg_MG
Malay ms_MY
Malayalam ml_IN
Maltese mt_MT
Marathi mr_IN
Mongolian mn_MN
Nepali ne_NP
Northern S?mi se_NO
Norwegian (bokmal) nb_NO
Norwegian (nynorsk) nn_NO
Pashto ps_AF
Persian fa_IR
Polish pl_PL
Portuguese (Brazil) pt_BR
Portuguese (Portugal) pt_PT
Punjabi pa_IN
Quechua qu_PE
Romanian ro_RO
Romansh rm_CH
Russian ru_RU
Sanskrit sa_IN
Serbian sr_RS
Simplified Chinese (China) zh_CN
Slovak sk_SK
Slovenian sl_SI
Somali so_SO
Spanish es_LA
Spanish (Chile) es_CL
Spanish (Colombia) es_CO
Spanish (Mexico) es_MX
Spanish (Spain) es_ES
Spanish (Venezuela) es_VE
Swahili sw_KE
Swedish sv_SE
Syriac sy_SY
Tajik tg_TJ
Tamil ta_IN
Tatar tt_RU
Telugu te_IN
Thai th_TH
Traditional Chinese (Hong Kong) zh_HK
Traditional Chinese (Taiwan) zh_TW
Turkish tr_TR
Ukrainian uk_UA
Urdu ur_PK
Uzbek uz_UZ
Vietnamese vi_VN
Welsh cy_GB
Xhosa xh_ZA
Yiddish yi_DE
Zulu zu_ZA

 

・参考:Wing’s FAQ on Facebook Development – Where can I get the List of Locale that I can use for those locale parameters in Facebook API? はてなブックマーク - Wing's FAQ on Facebook Development - Where can I get the List of Locale that I can use for those locale parameters in Facebook API?
 

[Facebook] 新バグツール「Bugzilla」を公開

 

Facebookが開発者向けに、新バグツール「Bugzilla」を公開したようです。
 

Bugzilla Main Page はてなブックマーク - Bugzilla Main Page
 

・参考:A New Way to Report Bugs – Facebook開発者 はてなブックマーク - A New Way to Report Bugs - Facebook開発者
 

現在は、Bugレポートを読めるだけで、投稿することはできないみたいですが、すぐに実装されるとのことです。
 

[Facebook] Graph APIのリクエスト制限は1分間に600回?

 

Facebookの Graph API のリクエスト制限は1分間に600回という情報を見つけたのでメモ。(非公式ですが)
 

Graph APIを毎回叩くのは遅いし、API制限に引っかかりそうです。API制限を調べてみると、公式には何も書いてありませんが、どうも1分間に600回というようなことがまことしやかに言われています。
 

・引用元:Rails Hub情報局: 素人がWebサービスを作ってみて分かった9つのこと はてなブックマーク - Rails Hub情報局: 素人がWebサービスを作ってみて分かった9つのこと

 

APIの公式ドキュメントにちゃんと明記されてるよ!って情報があれば教えて下さい。
 

[Facebook] ソーシャルグラフを簡単にテストできるツール「Graph API Explorer」

Facebookのソーシャルグラフを簡単にテストできるツール「Graph API Explorer」がなかなか便利です。

Graph API Explorer – Facebook開発者

・参考:Facebook開発者向けツール「Graph API Explorer」徹底解説: 小粋空間 はてなブックマーク - Facebook開発者向けツール「Graph API Explorer」徹底解説: 小粋空間

・参考:Introducing the Graph API Explorer – Facebook開発者 はてなブックマーク - Introducing the Graph API Explorer - Facebook開発者