facebook appをxamppで開発する

facebookアプリの仕様がいろいろとupdateされて、振り回される開発側のメモ。
(xamppはインストール済と仮定)

①facebookアプリに新規アプリ登録(Set up New App)。

②アプリの設定を編集
About
アプリケーション名:適当。
Facebook Integration
Canvas Page:facebook内に割り当てられるアドレス。適当。
Canvas URL:Canvas Pageに反映させるアドレス(サーバー)。
(はじめからlocalhostを使用するとうまくいかないことが多いので、レンタルサーバーなどに設定。)
Canvas Type:IFrame。(スタティック)FBMLは廃止されるので、今後新しいことをする予定ならiframeで。
iFrameサイズ:Show scrollbars
タブ名:facebookページ(旧ファンページ)にappが追加された時の名称。
Advanced
サンドボックスモード :(開発段階は)有効にする
他は無視。

③アプリID、APIキー、アプリの秘訣(secret key)をメモ。

④クライアントライブラリをダウンロード
解凍後、srcフォルダをCanvas URLにupload。

⑤アクセストークンを取得
この人エライ
http://d.hatena.ne.jp/hebita164/20101024/1287933193
※認証の許可を求めるfacebookの認証ページへリダイレクトされず、ごちゃごちゃエラーが出てくることが あるので、そしたらSet up New Appで作り直した方が早いかもしれない。
※Permissionにはオフラインでのアクセス許可(offline_access)を要求しとく。

⑥Canvas URLにindex.phpを作ってみる。
SDKのexamples/example.phpをコピーして、それをベースにしてみる。
参考サイトhttp://pinmarch.sakura.ne.jp/blog/archives/2011/02/09_001715.php
遷移先にlocalhostを設定せず、はじめはキチンと表示されるか確認したほうが良い。

⑦localhostに遷移するように設定。
xampp/facebook/app/とか作って、そこにSDK,index.phpを置いてみる。
Canvas Pageにアクセスして無事ココが表示されたらOK。

’Facebook needs the CURL PHP extension’ってエラーが出た場合
PHPエクステンションの curlを有効にする。
http://phpspot.org/blog/archives/2008/02/xamppcurlopenss.html

(設定したらapacheを再起動)

コマンドプロンプトで、xamppのphpディレクトリまで移動して、
pear channel-update pear.php.net
と入力して実行。

コマンドプロンプトで、xamppのphpディレクトリまで移動して、
pear install http_request2-alpha
と入力してインストール。
※上手くいかなかったらhttp://www.phpbook.jp/pear/install/index1.htmlを試す。

で、もう1回⑦を試す。繋がらなかったら知らない。

phpは5じゃないと動かないってのも基本らしい。
localhostで開発する時のブラウザはsafariでやるといいかも。

facebookページ(ファンページ)への、app追加方法
facebookアプリ→追加したいapp→Aplication Profile Page→(サイドメニュー)マイページへ追加。

この人たちエライ
http://deraru.blogspot.com/2011/02/facebook-javascript-sdk.html
http://blog.kojii.me/2010/11/facebook-graph-api.html
http://www.sugatori.com/nvv/?itemid=1024

未解決
API Error Code: 191 とか。
Canvas Page URLと違うdomainにリダイレクトかけたりするとこうなる。(3/2update)

リアクション