BLOG

Google Feed API

2016/5/15

JavaScriptで外部JSON、XML等を読み込む時クロスドメインの問題があるのでJSONP（JSON with padding）を使用したり、Web Messaging APIでpostMessageで通信したりします。

JavaScriptのみでXMLデータを取得できるGoogle Feed APIというものがあります。
https://developers.google.com/feed/
Googleが提供するAPIの一つで、RSS等の取得がクライアントサイドのみで行えるようになります。

実装例

https://developers.google.com/feed/v1/devguide#hiworld より

<html>
  <head>
    <script type="text/javascript"
src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

    google.load("feeds", "1");

    function initialize() {
      var feed = new
google.feeds.Feed("http://fastpshb.appspot.com/feed/1/fastpshb");
      feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var div = document.createElement("div");
            div.appendChild(document.createTextNode(entry.title));
            container.appendChild(div);
          }
        }
      });
    }
    google.setOnLoadCallback(initialize);

    </script>
  </head>
  <body>
    <div id="feed"></div>
  </body>
</html>

<html>

<head>

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

google.load("feeds", "1");

function initialize() {

var feed = new

google.feeds.Feed("http://fastpshb.appspot.com/feed/1/fastpshb");

feed.load(function(result) {

if (!result.error) {

var container = document.getElementById("feed");

for (var i = 0; i < result.feed.entries.length; i++) {

var entry = result.feed.entries[i];

var div = document.createElement("div");

div.appendChild(document.createTextNode(entry.title));

container.appendChild(div);

}

});

}

google.setOnLoadCallback(initialize);

</script>

</head>

<body>

</body>

</html>

Tag:Google JavaScript

BLOG

BLOG

Google Feed API

実装例

関連記事