| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

差分

ナビゲーションに移動 検索に移動
ページの作成:「==mixi アプリ ブログのRSSを表示== [mixi アプリ] ===外部サーバへ接続するサンプル=== *ブログのRSSを表示 File:0798_mixi_app_rss01.jpg…」
==mixi アプリ ブログのRSSを表示==
[mixi アプリ]
===外部サーバへ接続するサンプル===
*ブログのRSSを表示
[[File:0798_mixi_app_rss01.jpg]]

===ソース===
====重要API====
*http://code.google.com/intl/ja/apis/gadgets/docs/remote-content.html#Fetch_Feed
{|class="wikitable"
!API
!概要
|-
|[http://code.google.com/intl/ja/apis/gadgets/docs/reference/gadgets.io.MethodType.html gadgets.io.MethodType]
|gadgets.io.RequestParameters.METHODで、HTTPメソッドの種類を指定
|-
|[http://code.google.com/intl/ja/apis/gadgets/docs/reference/gadgets.io.ContentType.html gadgets.io.ContentType ]
|gadgets.io.RequestParameters.CONTENT_TYPEで、Content-Typeを指定
|-
|[http://code.google.com/intl/ja/apis/gadgets/docs/reference/gadgets.io.html#makeRequest gadget.io.makeRequest]
|指定された URL からコンテンツをフェッチし、コールバック関数にフィード
|-
|}

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="rss_list">
<Require feature="opensocial-0.8"/>
</ModulePrefs>
<Content type="html">
<![CDATA[
<script type="text/javascript">
function getMyBlogRss() {
var url = "http://typea.info/blg/glob/index.xml";
var params = {};
params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.GET;
params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.FEED;
params[gadgets.io.RequestParameters.NUM_ENTRIES] = new Number(10);

gadgets.io.makeRequest(url,printRss,params);
}

function printRss(response) {
var title_area = document.getElementById("title_area");
var feed_area = document.getElementById("feed_area");

var feed = response.data;

title_area.innerHTML = "<h1><a href='" + feed.Link + "'>" + feed.Title + "</a></h1>"

var buf = "";
var entries = feed.Entry;
for (var i=0; i<entries.length; i++) {
var entry = entries[i];
buf += "<a href='" + entry.Link + "'>" + entry.Title + "</a><br/>";
}
feed_area.innerHTML = buf;
}
gadgets.util.registerOnLoadHandler(getMyBlogRss);
</script>
<div id="title_area"></div>
<div id="feed_area"></div>
]]>
</Content>
</Module>

案内メニュー