FacebookページのFeedを取得する

以前まではFacebookからfeedを簡単に取得できましたが、つい先日廃止となったようです。

在りし日のfeed取得方法

http://www.facebook.com/feeds/page.php?id=************

1	http://www.facebook.com/feeds/page.php?id=************

これからはアプリ登録を行い、api経由でfeedを使うことが出来るようです。

1.Facebook Developersでアプリを作成

Facebook DevelopersにアクセスしてMyAppsからアプリ作成を行う。

2.アプリの設定

アプリを作成したら、settingsで下記項目をダダッと入力する。
DisplayName - 適当なアプリ名
Namespace - 適当なネームスペース
App Domains - アプリを利用するドメイン
Contact Email - メールアドレス

さらに[+addPlatform]でwebsiteを選択してURLを追加。
Website - アプリを利用するURL

入力完了したら、変更を保存して完了。

3.Status & Reviewで公開モードに設定

Status & Reviewでクリック一発！アプリを公開モードに設定。

4.アクセストークンを取得

Access Token Toolにアクセスし、先ほど作ったアプリを探す。
User Tokenの項目が「You need to grant permissions to your app to get an access token.」となっているので、クリックしてUser Tokenを生成しコピーしておく。

5.テスト

https://graph.facebook.com/{facebookページID}/feed?access_token={さっきコピーしたUser Token}

1	https://graph.facebook.com/{facebookページID}/feed?access_token={さっきコピーしたUser Token}

facebookページのIDとUserTokenをパラメータとしてブラウザに打ち込んでjsonがダダッと表示されたら成功！

6.jsで読み込んで表示してみる

後は、jsでパースする処理を書いてfacebookfeedを煮るなり焼くなりして楽しめる。

$(function(){
	var JSON = "https://graph.facebook.com/{Facebook Page ID}/feed?access_token={access token}"
	$.getJSON(JSON ,
		function (data) {
			var ds=data.data;
			for (var i = 0; i <lt; ds.length; i++) {
			var d = ds[i];
				$("#list").append("<li>"+ d.created_time +"　"+ d.message +"</li>");
			}
		}
	);
});

$(function(){

var JSON = "https://graph.facebook.com/{Facebook Page ID}/feed?access_token={access token}"

$.getJSON(JSON ,

function (data) {

var ds=data.data;

for (var i = 0; i <lt; ds.length; i++) {

var d = ds[i];

$("#list").append("<li>"+ d.created_time +"　"+ d.message +"</li>");

}

);

});

html

<body>
<ul id="list"></ul>
</body>

<body>

</body>

lg

おぼえがき