-
CakePHPでFacebookのいいね!一覧を表示する
投稿 14 2011年10月 by in 開発日誌 with 0 comments
今日はFacebookのAPIで遊びましょう。
今回はCakePHPを使ってサクっと作ってしまおうと思います。
ポイントは、
・CakePHPを使う
・FacebookのPHP sdkを使う
・Facebookアプリの登録、設定のあたりでしょうか。
完成形はこちら
http://genieframelamp.com/
(URLは今後変更になると思います)「Log In」をクリックして、Facebookでアプリの許可をすると
リストのページへ飛びます。
(自動で飛ばない場合は再読み込みしてください)検証環境はこんな感じ
・Mac OS X Lion (10.7.2)
・Apache 2.2.21 (MacPorts)
・PHP 5.3.8 (MacPorts)
(こちらは無くても動くはず)
・MySQL 5.1.57 (MacPorts)さて、どんどん行きましょう。
PHPのSDKがFacebookから出てますので、それを使います。
ドキュメントはこちら
https://developers.facebook.com/docs/reference/php/sdkのダウンロードはこちら
https://github.com/facebook/php-sdkダウンロードして解凍したフォルダの中にある src フォルダを、
facebook とリネームして、app/vendors フォルダにコピーします。あとはCakePHPでControllerとViewを作成します。
ControllerはRankingControllerとしておきましょう。
<?php class RankingController extends AppController { var $uses = array(); function index() { App::import('Vendor', 'facebook'); $facebook = new Facebook(array( 'appId' => '261137913930180', 'secret' => 'df6442de267eb23f2d8aa0a26a061544', )); try { if($facebook->api('/me')) { $this->redirect(array('action' => 'view')); } } catch(FacebookApiException $e) { } $this->set(compact('facebook')); } function view($page=0) { App::import('Vendor', 'facebook'); $facebook = new Facebook(array( 'appId' => '261137913930180', 'secret' => 'df6442de267eb23f2d8aa0a26a061544', )); if(!($facebook->getUser())) { $this->redirect(array('action' => 'index')); } try { $me = $facebook->api('/me'); $offset = $page ? $page * 20 : 0; $likes = $facebook->api('/me/likes?limit=20&offset='.$offset.'&fields=id,name,picture,link,likes,category,website'); } catch(FacebookApiException $e) { $this->redirect(array('action' => 'index')); } $this->set(compact('page', 'me', 'likes')); } } ?>
ここでポイントはviewアクションでFacebook::api()を叩いてるところ。
ドキュメントをみてもなかなか見つからないのですが、
こことか
http://developers.facebook.com/docs/reference/php/facebook-api/
ここ
http://developers.facebook.com/docs/reference/api/
のあたりを読み込んで、いろいろ試してみたらこんな使い方が出来ることが判明。あとはViewです
まずindex.ctp
<div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId : '<?php echo $facebook->getAppId(); ?>', // App ID status : true, // check login status cookie : true, // enable cookies to allow the server to access the session oauth : true, // enable OAuth 2.0 xfbml : true // parse XFBML }); FB.Event.subscribe('auth.login', function() { window.location.reload(); }); }; (function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <fb:login-button scope="user_likes"></fb:login-button>
FacebookのJavascript APIを使って、初期化とログイン後にリロードするように設定しています。
最後に一覧用のView。view.ctp
<h2>Facebookでいいね!したリスト</h2> <h3>me</h3> <p>名前:<?= $me['name'] ?></p> <br> <h3>Likes</h3> <table> <tr> <th>category</th> <th>name</th> <th>image</th> <th>Facebook Page</th> <th>url</th> </tr> <? foreach($likes['data'] as $data) : ?> <tr> <td><?= $data['category'] ?></td> <td><?= $data['name'] ?></td> <td><img src="<?= $data['picture'] ?>"></td> <td><?= $data['link'] ?></td> <td><?= @$data['website'] ?></td> </tr> <? endforeach; ?> </table> <? if($page > 0) : ?> <?= $this->Html->link('前の20件', array($page-1)) ?> | <? endif; ?> <?= $this->Html->link('次の20件', array($page+1)) ?>
最大件数とかを取ってくる方法が分からなかったので、
固定で20件づつ表示してます。今日はここまで