質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Instagram API

Instagram APIは、写真共有SNSであるInstagramの投稿写真をWebサイトに掲載するためのAPIです。取得することでWebサイトと連携し、自動的に投稿写真を表示することができます。

Q&A

解決済

1回答

1943閲覧

Instagram Graph APIでサイト表示する時にIGビジネスIDが第三者から見えないようにしたい。

yoneda007

総合スコア2

Instagram API

Instagram APIは、写真共有SNSであるInstagramの投稿写真をWebサイトに掲載するためのAPIです。取得することでWebサイトと連携し、自動的に投稿写真を表示することができます。

0グッド

0クリップ

投稿2020/05/22 01:30

前提・実現したいこと

Instagram Graph APIを使い参考サイト(※1)を元にIG画像をサイトに表示させました。
しかし、この方法だとscript内に使うurlからIGビジネスIDが見えてしまいセキュリティ的に良くないと思いました。

可能であれば第三者からIGビジネスIDが分からないようにしたいです。

※1https://arutega.jp/instagram-api/#rtoc-9

該当のソースコード

url

1https://graph.facebook.com/v3.0/【IGビジネスID】?fields=name%2Cmedia.limit(【表示したい件数】)%7Bcaption%2Clike_count%2Cmedia_url%2Cpermalink%2Ctimestamp%2Cthumbnail_url%2Cmedia_type%2Cusername%7D&access_token=【第3トークン】

script

1<script> 2$(function(){ 3$.ajax({ 4type: ‘GET’,url: ‘【上記のURLを入れる】’,dataType: ‘json’, 5success: function(json) { 6var html = ”; 7var insta = json.media.data; 8for (var i = 0; i < insta.length; i++) { 9var media_type = insta[i].media_type; 10if ( insta[i].media_type == “IMAGE” || insta[i].media_type == “CAROUSEL_ALBUM” ) { 11html += ‘<div><a href=”‘ + insta[i].permalink + ‘” target=”_blank”><img src=”‘ + insta[i].media_url + ‘”></a></div>’; 12} else if (media_type == “VIDEO” ) { 13html += ‘<div><a href=”‘ + insta[i].permalink + ‘” target=”_blank”><img src=”‘ + insta[i].thumbnail_url + ‘”></a></div>’; 14var media_type = ”; 15} 16} 17$(“#instafeed”).append(html); 18}, 19error: function() { 20//エラー時の処理 21} 22}); 23}); 24</script>

試したこと

phpを使い第三者に分からなくする方法があり、そちらを一度はテストで実装しました。
しかし開発の仕様によりphpを使わないことになり、何か方法が無いかと困っております・・・。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

PHPで試されたような、サーバサイド言語を経由させる以外に方法は無いと思います。

投稿2020/05/22 01:34

kei344

総合スコア69606

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2020/05/22 02:26

質問内容とは特に関係ないが、提示されたコードのほとんどの引用符が全角なのも気になる。
yoneda007

2020/05/22 04:16

>PHPで試されたような、サーバサイド言語を経由させる以外に方法は無いと思います。 私の知識範囲外でなにか方法があればと思い質問したので、無いのがわかり良かったです。 >提示されたコードのほとんどの引用符が全角なのも気になる。 本当ですね、実際に使うときは気をつけます。 ご回答ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問