Access_tokneやClient_idを隠す方法を教えて欲しい（instafeed.js使用）

Question

###質問したいこと
instafeed.jsを使用してサイトに画像を表示したいと考えております。
表示自体は可能だったのですが、ソースでAccess_tokneやClient_idが丸見え状態です。

Access_tokneやClient_idをソースに表示しない為には、どうすればよいのかご教授いただけないでしょうか。

※phpやjs、jQuery自体の知識が全くないため、具体的な方法や参考になりそうなサイトを教えて頂けると幸いです。

以上、よろしくお願いいたします。

Answer 1

どんな手を使ったとしても、Webページ上で動いている限りはバレますが、隠す意味は何ですか？
例えばそれぞれを暗号化してコード内に埋め込んでも、外部からデータを取ってくるにしても、実際にinstafeed.jsに渡すときには本来の形にしなければならないため、デバッガを使ってステップ実行していればAccess_tokenもClient_idも見えてしまいます。

Comments

[windows10]

ご回答いただき有難うございます。

このサイト様 http://www.grooving-earth.com/instagram-with-owl/のように、APIを使う際のAccess_tokneやClient_idなどは外から見えるとセキュリティ的によろしくないと記載を多く目にしたため、隠す必要があると思っておりました。

デバッカ使用で見えてしまうということは、そのままソースにAccess_tokenもClient_idを表示していてもよいという事でしょうか？

[masaya_ohashi]

そちらの参考サイトでは、PHP上でInstagramAPIを実行し、結果だけをAjaxでブラウザへ返すことでAccess_tokenとClient_idをブラウザからは見えないようにしています。
「※パターン2ではJQueryのinstafeed.jsは使わずにphpで対応しますので、全く別のやり方になります。」と書いてある通り、instafeed.jsを全く使っていません。instafeedを使う限り、Access_tokenとClient_idを隠し通すことは不可能だと思ってよいでしょう。

[windows10]

丁寧なご回答を有難うございました。
お恥ずかしい話ですが、パターン1とパターン2をどちらもinstafeed.jsを使用したものと、勘違いをしておりました。

パターン2の方で改めて挑戦してみようと思います。

またの機会がありましたら、よろしくお願い致します。