jQuery 整合 Blogger Data API 小工具

之前做了 MOTUDO 網誌: jQuery 與 Google Gadgets 整合測試，雖然 Google Gadgets 也有提供類似的功能，為何要用 jQuery 來寫？主要是移到別的地方，jQuery 還是可以用，脫離 Google Gadgets 的容器，例如 iGoogle 這類環境，很多東西都沒有用。

這次測試的連接這個網誌的功能，同樣的 Google Gadgets 也有提供相關的範例，可以直接改一下就可以用，參閱 dev-motudo-zht-blog-2008-12.xml，不過為了練習，所以使用 jQuery 連接 Google Blogger Data API 輸出的 JSON 格式。

該格式請參閱 Using JSON with Google Data APIs - Google Data APIs - Google Code 說明，注意的是一定要設 max-results 這參數，不然可能拉出幾百筆的資料，會讓客戶端等很久而且也沒有必要。

借用 Google Gadgets 的 UserPref 來做出設定功能，所以可改設為其他 xxx.blogspot.com 的網誌，使用於 getJSON 的連結如下。

http://"+prefs.getString("blogSite")+
"/feeds/posts/default?max-results=5&
alt=json-in-script&callback=?

另外輸出的 JSON 中要找出這個貼文的連結比較麻煩，連結放在 link 陣列之中，需要找那個有 alternate 屬性的才是，需要加個迴圈並判斷如下。

if(entry.link[k].rel=='alternate')
{alturl=entry.link[k].href;break;}

測試的 Google Gadgets XML 在 dev-motudo-zht-json-200812.xml ，另外嵌入到網頁的結果結果如下。



延伸

1. Google Gadgets Editor (GGE)
2. Google Data APIs Samples - Google Data APIs - Google Code
3. 使用 JSON 來讀取你的 Google Data
   
4. Using JSON with Google Data APIs - Google Data APIs - Google Code
5. Simple example of retrieving JSON feeds from Blogger Data API
6. dev-motudo-zht-blog-2008-12.xml