Google AJAX Feed API を使ってみた

phi phi on javascript, google api

RSS Reader 作るお仕事してて, ちょっと触る機会があったので
備忘録がてら.

Google AJAX Feed API とは?

Google AJAX Feed API とは Ajax 通信で, RSSやATOMといったフィードを取得できる便利な API です.

xml ではなく, json で受け取れるってところが便利ですね.

Google AJAX Feed API の使い方

1. google api を使うためのスクリプトを読み込む

<script src='https://www.google.com/jsapi'></script>  

2. feeds api をロードする

google.load(api, version) でそれぞれの api 用のスクリプトをロードできます.

google.setOnLoadCallback(callback) で ロード完了時のメソッドを登録できます.

google.load("feeds", "1");  
google.setOnLoadCallback(function() {  
  // TODO: feeds api を使った処理

};

3. feed をロード

new google.feeds.Feed(feed_url)
そのフィード用のインスタンスを生成します.

feed.setNumEntries(entry_num) で 取得するエントリー数を設定します. -1 を指定すると全部とってきてくれます.

feed.load(callback) でロードを開始し, 引数でロード完了時のコールバックを設定します.

コールバックの引数にフィード情報が色々入っています.

var RSS = 'http://phiary-jp.herokuapp.com/rss';  
var feed = new google.feeds.Feed(RSS);  
feed.setNumEntries(-1);  
feed.load(function(result) {  
  // result の中に feed 情報が入ってる
}

Runstant Demo

下記のデモは, phiary の rss を取得して一覧表示するデモです.

Reference