Facebook Widgetを作ろう！（３）

以前の記事、Facebook Widgetを作ろう！（２）の続き。

1. デペロッパー登録
2. API keyの取得
3. Widgetサーバの用意
4. Canpas Pageの実装
5. Widget一覧ページに登録

この手順の３番目から４番目までを解説したいと思います。

前回、API KEYの取得時に登録したコールバックURLがWidgetサーバになります。
コールバックURLは適宜変更できるので、php5が動くレンタルサーバ（僕はさくらインターネットを使っています。）を指定しておきましょう。

facebook_client.tar.gz
ここからphp5のクライアントライブラリをダウンロードします。

facebook-platform/client/facebook.php　とfacebook-platform/client/facebookapi_php5_restlib.phpを使うので、Widgetサーバにアップロードしておきます。

そして、これらライブラリを扱うためのインクルードファイルを作成します。appinclude.phpという名前にしておきました。ここでは主にAPI KEYやコールバックURLを定義しておきます。
ここにAPI-KEYを';$appsecret = 'ここにSECRETを';$facebook = new Facebook($appapikey, $appsecret);$user = $facebook->require_login();

//[todo: change the following url to your callback url]$appcallbackurl = 'ここにコールバックURLを絶対パスで'; 

//catch the exception that gets thrown if the cookie has an invalid session_key in ittry { if (!$facebook->api_client->users_isAppAdded()) {   $facebook->redirect($facebook->get_add_url()); }} catch (Exception $ex) { //this will clear cookies for your application and redirect them to a login prompt $facebook->set_user(null, null); $facebook->redirect($appcallbackurl);}?>

次に、このファイルをインクルードしたindex.phpを作成します。まずは簡単にuser_idを表示するもの。


これによってhttp://apps.facebook.com/Widget名/にアクセスすると、自分のWidgetサーバのコールバックURLで指定した部分のPHPファイルを実行するようになります。http://apps.facebook.com/Widget名/にアクセスすると、Widgetを自分が登録するかどうか聞かれますので、同意します。これで記念すべき1ユーザーがついたことになります。って自分だけど。左にナビゲーションがあって、右のCanvas Pageというところに自分のindex.phpの実行結果が表示されることになります。

helloにつづいて自分のユーザーIDが表示されているはずです。

そして、自分のプロフィールページを見てみましょう。前回default FBMLというフォームで登録した「Hello world」という文字がプロフィールボックスに表示されているはずです。

次回はCanvas PageとProfile Boxをいろいろと書き換えて、ちゃんとしたWidgetっぽくしていこうと思います。