8

InstagramAPIを使用してWebサイトに実装したい特定の機能について少し混乱しています。Instagram APIのユーザーIDに基づいて自分のフィードにアクセスし、自分のサイトに表示したいと思います。クライアント側のOAuth認証を行う方法があると言っていますが、これをどのように行うかについて少し混乱しています。私はJavaScriptでかなり大丈夫です。誰かが私を正しい方向に向けることができれば、私はそれを理解できると確信しています。

どんなベストプラクティスも素晴らしいでしょう。

前もって感謝します、

JN

4

2 に答える 2

10

Instagramでクライアント側（暗黙的）認証を使用する方法を尋ねています。

これがそのために作られたいくつかのJSライブラリです：

  1. https://github.com/Instagram/instagram-javascript-sdk
  2. https://github.com/potomak/jquery-instagram
于 2012-02-01T23:46:17.423 に答える
7

これは何年もの間私を悩ませていましたが、「jquery-instagram」プラグインのアイデアを使用して、自分の写真を自分のWebサイトに掲載する簡単な方法を思いついたと思いますが、それを削除します。

  1. #tagを考えて、サイトに表示したいすべての写真に追加します。誰もが使用するものではないことを確認してください。（この方法で行うと、何も認証する必要がなくなります）。

  2. ここでアプリを登録します：http：//instagr.am/developer/register/（Instagramログインを使用するだけです）

  3. 次のコード（jQueryを使用）を使用します。ここで、「tag」は使用したタグ、「id」は登録済みのアプリクライアントID、「photoCount」は取得する写真の最大数です。

    $.ajax({
  type: "GET",
  dataType: "jsonp",
  cache: false,
  url: "https://api.instagram.com/v1/tags/" + tag + "/media/recent?client_id=" + id,
  success: function(response) {
    var length = response.data != 'undefined' ? response.data.length : 0;
    var limit = photoCount != null && photoCount < length ? photoCount : length;
    if(limit > 0) {
      for(var i = 0; i < limit; i++) {
        $('<img>', {
          src: response.data[i].images.standard_resolution.url
        }).appendTo($("#photos"));
      }
    }
  }
});
于 2012-05-10T05:13:16.593 に答える