###前提・実現したいこと
instagramのapiを使用して自分のアカウントの画像を最新8件出そうとしています。
テストURLで作成した際は問題なく動作していたのですが、本番用のURLでは画像が取得できなくなってしまいました。
Manage ClientでのWebsite URL:は本番用のURLで登録し
Valid redirect URIs:は本番用URLとテスト用URLの両方が登録してあります。
本番用URLを
http://example.com/
とするとテストURLは
http://example.com/test/
アクセストークンは下記の方式で「CLIENT ID」にCLIENT ID、「リダイレクトURL」にテストではテスト用のURL、本番では本番用のURLを入れて取得しました。
https://instagram.com/oauth/authorize/?client_id=「CLIENT ID」&redirect_uri=「リダイレクトURL」&response_type=token
対策方法などご存知の方がいましたら、教えていただけると助かります。
###データ表示箇所コード
html
1<div class="instagram clrFix"></div>
###データ取得用コード
js
1$(function() { 2 $(".instagram.clrFix").text("loading..."); 3 $.ajax({ 4 url: "https://api.instagram.com/v1/users/self/media/recent", 5 data: { access_token: "取得したアクセストークン" }, 6 dataType: "jsonp", 7 error: function(jqXHR, textStatus, errorThrown) { 8 $(".instagram.clrFix").text(textStatus); 9 }, 10 success: function(data, textStatus, jqXHR) { 11 $(".instagram.clrFix").text(""); 12 for (var i = 0, length = 8; i < length; i++) { 13 var d = data.data[i]; 14 $(".instagram.clrFix").append( 15 $("<div>").addClass("image").append($("<a>").attr("href", d.link).attr("target", "_blank").append($("<img>").attr("src", d.images.standard_resolution.url))));} 16 } 17 }); 18});
###試したこと
一度、テスト用のURLをValid redirect URIsから外して再登録しましたが変わりませんでした。
回答1件
あなたの回答
tips
プレビュー