インスタグラムに登録されている画像をWEBページに取り込んで表示を行おうとしています。
下記のようにしているのですが、
インスタグラム側への通信から画像データの取得・表示が出来ません。
インスタグラムの開発者画面からトークンを取得しています。
PHPのコードinstagram.php
public function index(){ //POSTリクエストの場合のみ受付 if($_SERVER['REQUEST_METHOD'] == 'POST'){ //アクセストークン $access_token = "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"; //JSONデータを取得して出力 echo @file_get_contents("https://api.instagram.com/v1/users/self/media/recent/?access_token={$access_token}"); exit; } }
AJAXでデータを取得し埋め込み
$(function(){ var html = ""; $.ajax({ url: "/instagram", type:"POST", dataType: "json" }).done(function(data){ //通信成功時の処理 $.each(data.data,function(i,item){ var imgurl = item.images.standard_resolution.url; //画像のURLを取得 var link = item.link; //リンクを取得 html += "<li><a href='" + link + "' target='_blank'><img src='" + imgurl + "'></a></li>"; if (i == 15) { return false; } }); }).fail(function(){ //通信失敗時の処理 html = "<li>画像を取得できません。</li>"; $("#instagram").html(html); }).always(function(){ //通信完了時の処理 $("#instagram").html(html); }); }); });
HTML
<div class="row" id="instagram"></div>
対処方法がわからず困っています。
宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー