Facebookクラスの使い方
まずは、Facebookクラスの使い方の基本をみていきます。
Main = function()
{
//FaceBookアプリID , cookie , oauth
var fc = new FacebookClass('App ID の番号' , true , true);
fc.addEventListener("onLogin", this);
this.onLogin = function()
{
//ロードしたらする処理。
fc.removeEventListener("onLogin", this);
console.log("ログイン成功しました");
//FQLオプションを第三引数にいれる。第三引数に何個でも取り出せる。
//第一引数は何人取得するか。0で全員になる
//ランダムに取得するか。ランダムの場合は全員でもシャッフルされて返ってくる
fc.addEventListener("onGetFriendsData", this);
fc.getFriendsData( 0 , "random" , 'sex , pic_square');
};
this.onGetFriendsData = function()
{
fc.removeEventListener("onGetFriendsData", this);
if(fc.friendsDataArray.length <= 0)
{
alert("フレンド情報が見つかりませんでした");
}
else
{
//名前と写真の情報を取り出すメソッドを実行。
onStart();
}
};
function onStart()
{
//情報を取得する。
console.log(fc.friendsDataArray);
}
};
Facebookクラスを使うためには、以下のようにnew FacebookClass命令でFacebookオブジェクトを生成します。
var fc = new FacebookClass('App ID の番号' , true , true);
new FacebookClass命令実行時に必要な引数は
- 第1引数：Facebook開発者向けサイト取得したアプリケーションID
- 第2引数：cookieを使うかどうかの指定
- 第3引数：OAuthを使うかどうかの指定
となっており、第2引数のcookie、第3引数のOAuthは、通常はtrueで問題ありません。
アプリのログインが成功すると、Facebookオブジェクトで"onLogin"イベントが発生します。jActionでは、オブジェクトのイベント発生を、addEventListernerのリスナー登録で監視します。
Facebookオブジェクト.addEventListener("onLogin", 実行されるonLoginメソッドを持っているオブジェクト);にて、Facebookオブジェクトで"onLogin"イベントが発生した時に、登録したオブジェクトのonLoginメソッドが実行されます。"onLogin"という文字列は、イベント名とメソッド名の両方の意味を持っています。
上記の例では、
var fc = new FacebookClass('App ID の番号' , true , true);
fc.addEventListener("onLogin", this);
となっているのて、Facebookオブジェクトのfcで、"onLogin"イベントが発生した時に、thisオブジェクト（＝ここではMainを指しています）で、Mainの中のonLoginメソッドを実行するという意味になります。ログインが失敗した場合は、「ログインに失敗しました」とアラートダイアログが表示され、"onLogin"イベントは発生しません。
ログインが成功した時に呼び出される、onLoginメソッドを見てみましょう。
this.onLogin = function()
{
//ロードしたらする処理。
fc.removeEventListener("onLogin", this);
console.log("ログイン成功しました");
//FQLオプションを第三引数にいれる。第三引数に何個でも取り出せる。
//第一引数は何個取得するか。0ですべての要素を取得する
//ランダムに取得するか。ランダムの場合は全員でもシャッフルされて返ってくる
fc.addEventListener("onGetFriendsData", this);
fc.getFriendsData( 0 , "random" , 'sex , pic_square');
};
登録されたリスナーは、removeEventListenerを使いリスナー登録を解除できます。使わなくなったリスナー登録は、メモリの消費や誤動作の原因になるため解除するようにします。
console.log("ログイン成功しました");
上記は後述しますが、Google ChromeのJavaScriptコンソールに内容を表示させる命令です。
