2017.01.19 Thu

「Google Feed API」が廃止、、、PHPでの代替案のご紹介！

皆さん、こんにちは。前田です。
公開されているwebサイトで「Google Feed API」を利用して外部サイトの記事を呼び出しているサイトは多々あります。そんな中、2016年9月29日に「Google Feed API」のサービスが終了いたしました。弊社でも「Google Feed API」を利用をしているサイトが存在しましたので代替案を調査致しましたのでこちらに記していこうと思います。

目次／このページでわかること

１.PHPファイルを用意する

最初の手順としては外部ドメインの記事を取得するためにの元となるPHPファイルを用意します。下記のコードをphpファイルに記述をしてください。

一行目で読み込む記事のURLを取得しています。ここでは「https://www.genius-web.co.jp/blog/feed」になっていますが、こちらは該当のサイトのURLに変更をしてください。
※URLの末尾に「feed」と記入して表示がされるのは記事のあるページが対象なので記事があるページを指定するようにしてください。

$url = "https://www.genius-web.co.jp/blog/feed";
$xml = file_get_contents($url);
header("Content-type: application/xml; charset=UTF-8");
print $xml;

２.javascriptのファイルを用意する

次の手段としては、XMLの情報を処理するスクリプトファイルを用意をします。

基本的には下記のソースをそのまま使えば動きますが二点修正が必要な点があります、コメントアウトでphpファイル名とある部分を自分の作成したファイル名に変更をします。phpの存在するパスが違う場合は該当のパスに変更します。「var output」で「#rss」と記述がある箇所ではHTMLでフィードの情報を表示させる要素を指定します。呼び出すIDが違う場合はこちらのID名を変更しましょう。

$(function() {
	$.ajax({
		url: 'rss.php', //phpファイル名
		xmlType: 'xml',
		success: function(xml) {
			var maxPost = 4; // 記事の表示件数
            		var j = 0;
            		var row = 0;
            		var data = [];
            		var nodeName;
			var output = $('#rss'); //呼び出すID名
// start item 成形
			$(xml).find('item').each(function() {
				data[row] = {};
				$(this).children().each(function() {
				    nodeName = $(this)[0].nodeName;
				    data[row][nodeName] = {};
				    attributes = $(this)[0].attributes;
				    for (var i in attributes) {
						data[row][nodeName][attributes[i].name] = attributes[i].value;
				    }
					data[row][nodeName]['text'] = $(this).text();
				});
				row++;
			});
// end item 成形
			output.wrapInner('

‘); for (i in data) { if (j < maxPost) { output.find(‘ul’).append(‘