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

MyMemoWiki

「Mixi アプリ ブログのRSSを表示」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
(ページの作成:「==mixi アプリ ブログのRSSを表示== [mixi アプリ] ===外部サーバへ接続するサンプル=== *ブログのRSSを表示 File:0798_mixi_app_rss01.jpg…」)
 
1行目: 1行目:
 
==mixi アプリ ブログのRSSを表示==
 
==mixi アプリ ブログのRSSを表示==
[mixi アプリ]
+
[[mixi アプリ]]
 
===外部サーバへ接続するサンプル===
 
===外部サーバへ接続するサンプル===
 
*ブログのRSSを表示
 
*ブログのRSSを表示
23行目: 23行目:
 
|}
 
|}
  
  <?xml version="1.0" encoding="UTF-8" ?>
+
  &lt;?xml version="1.0" encoding="UTF-8" ?&gt;
  <Module>
+
  &lt;Module&gt;
   <ModulePrefs title="rss_list">
+
   &lt;ModulePrefs title="rss_list"&gt;
     <Require feature="opensocial-0.8"/>
+
     &lt;Require feature="opensocial-0.8"/&gt;
   </ModulePrefs>
+
   &lt;/ModulePrefs&gt;
   <Content type="html">
+
   &lt;Content type="html"&gt;
     <![CDATA[  
+
     &lt;![CDATA[  
         <script type="text/javascript">
+
         &lt;script type="text/javascript"&gt;
 
             function getMyBlogRss() {
 
             function getMyBlogRss() {
 
                 var url = "http://typea.info/blg/glob/index.xml";
 
                 var url = "http://typea.info/blg/glob/index.xml";
47行目: 47行目:
 
                 var feed = response.data;
 
                 var feed = response.data;
 
                  
 
                  
                 title_area.innerHTML = "<h1><a href='" + feed.Link + "'>" + feed.Title + "</a></h1>"
+
                 title_area.innerHTML = "&lt;h1&gt;&lt;a href='" + feed.Link + "'&gt;" + feed.Title + "&lt;/a&gt;&lt;/h1&gt;"
 
              
 
              
 
                 var buf = "";
 
                 var buf = "";
 
                 var entries = feed.Entry;
 
                 var entries = feed.Entry;
                 for (var i=0; i<entries.length; i++) {
+
                 for (var i=0; i&lt;entries.length; i++) {
 
                     var entry = entries[i];
 
                     var entry = entries[i];
                     buf += "<a href='" + entry.Link + "'>" + entry.Title + "</a><br/>";
+
                     buf += "&lt;a href='" + entry.Link + "'&gt;" + entry.Title + "&lt;/a&gt;&lt;br/&gt;";
 
                 }           
 
                 }           
 
                 feed_area.innerHTML = buf;
 
                 feed_area.innerHTML = buf;
 
             }                       
 
             }                       
 
             gadgets.util.registerOnLoadHandler(getMyBlogRss);
 
             gadgets.util.registerOnLoadHandler(getMyBlogRss);
         </script>
+
         &lt;/script&gt;
         <div id="title_area"></div>
+
         &lt;div id="title_area"&gt;&lt;/div&gt;
         <div id="feed_area"></div>
+
         &lt;div id="feed_area"&gt;&lt;/div&gt;
     ]]>
+
     ]]&gt;
   </Content>
+
   &lt;/Content&gt;
  </Module>
+
  &lt;/Module&gt;

2020年2月15日 (土) 08:04時点における版

mixi アプリ ブログのRSSを表示

mixi アプリ

外部サーバへ接続するサンプル

  • ブログのRSSを表示

0798 mixi app rss01.jpg

ソース

重要API

API 概要
gadgets.io.MethodType gadgets.io.RequestParameters.METHODで、HTTPメソッドの種類を指定
gadgets.io.ContentType gadgets.io.RequestParameters.CONTENT_TYPEで、Content-Typeを指定
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>