webサイトでインスタグラムの表示ができない

Question

###前提・実現したいこと
webページでインスタグラムの投稿した画像を並べて、投稿されたら自動更新していくようにしたいです。

###発生している問題・エラーメッセージ
http://doshirouto.wp.xdomain.jp/web/php/2254
こちらのページを参考にファイル作成しています。

別アカウントだと問題なく表示されたのですが、
本命のアカウントでアクセストークン取得して表示しようとしたら表示されません。

###該当のソースコード
「instagram.php」

<?php
 /* 可変箇所 ********************************************************/
//アクセストークン 
define("INSTAGRAM_ACCESS_TOKEN", "××××××××××××××××××"); 
 
// ユーザアカウント名 
$user_account = '×××××××'; 
 
// 取得件数
$count = ××;
/******************************************************** 可変箇所 */ 
 
$photos = array(); 
 
$user_api_url = 'https://api.instagram.com/v1/users/search?q=' . $user_account . '&access_token=' . INSTAGRAM_ACCESS_TOKEN; $user_data = json_decode(@file_get_contents($user_api_url)); 
  
foreach ($user_data->data as $user_data) {
    if ($user_account == $user_data->username) {
        $user_id = $user_data->id;
    }
}
 
$photos_api_url = 'https://api.instagram.com/v1/users/'.$user_id.'/media/recent?access_token=' . INSTAGRAM_ACCESS_TOKEN . "&count=".$count;
$photos_data = json_decode(@file_get_contents($photos_api_url));
 
 
if($photos_data):
?>
				<ul class="instagram_box">
<?php
foreach ($photos_data->data as $photo):
?>
					<li><a href="<?php echo $photo->link; ?>" target="_blank"><img src="<?php echo $photo->images->standard_resolution->url; ?>"></a></li>
<?php
endforeach;
?>
				</ul>
<?php
endif;
?>

HTML

<section>
    <h2><img src="images/h2.png"></h2>
    <p>instagram</p>
    <ul>
        <?php require_once(dirname(__FILE__)."/instagram.php"); ?>
    </ul>
    <a href="//www.instagram.com/xxxxx/">MORE</a>
</section>

---

別のアカウントでは表示できたのにできなくなってしまい、大変困っています。
ご教授よろしくお願いいたします。

Comments

[CHERRY]

取得できたアカウントから　変更したのは、アカウント名とアクセストークンだけでしょうか？　
Webブラウザのアドレスバーに、「 https://api.instagram.com/v1/users/search?q=＜ユーザーアカウント名＞&access_token=＜取得したアクセストークン＞ 」を入れて、実行するとエラーが表示されたりしないでしょうか？

[yokotate]

閲覧・ご質問ありがとうございます。
そうです。表示できていたphpファイルのアカウント名とアクセストークンだけ修正したのですが、表示できなくなってしまいました。

　「 https://api.instagram.com/v1/users/search?q=＜ユーザーアカウント名＞&access_token=＜取得したアクセストークン＞ 」実行したらエラーが出ました！　　
{"meta": {"code": 400, "error_type": "OAuthPermissionsException", "error_message": "This request requires scope=public_content, but this access token is not authorized with this scope. The user must re-authorize your application with scope=public_content to be granted this permissions."}}　　

このエラーの解決策を調べました。
インスタグラムのデベロッパー画面の「Security」の「Disable implicit OAuth」はチェック外した状態で、「https://www.instagram.com/oauth/authorize/?client_id=xxxx&redirect_uri=http://xxxx/&response_type=token&scope=public_content」　
こちらのurlで再度トークンを取得しようとしたところ、
{"error_type": "OAuthException", "code": 400, "error_message": "Invalid Client ID"}
とエラーがでました。　

このエラーの解決策も調べようとしたのですが、調べ方が悪いのか出てきませんでした…。どうしたらよいでしょうか…？

Answer 1

「https://api.instagram.com/oauth/authorize/?client_id=Client id&redirect_uri=リダイレクトURL&response_type=token&scope=public_content」
でアクセストークンを再取得したら表示されました！お騒がせいたしました。
ありがとうございました。