2011-09-13 16 views
7

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

ベストプラクティスは優れています。

はあなたがInstagramのためのクライアント側(暗黙の)認証を使用する方法を求めている

JN

答えて

7

が、私は私がする簡単な方法を思い付いたと思う:ここ

はそれのために作られたカップルのJSライブラリです"jquery-instagram"プラグインのアイデアを使って自分の写真を自分のウェブサイトに入れてください。

  1. は#tag思い付く、あなたはそれだけで誰もが使用するものではないのです確認して、あなたのサイトに表示したいすべての写真に追加します。 (何かを認証する必要がないようにするために、この方法で行います)。

  2. ここにアプリを登録しますhttp://instagr.am/developer/register/を(ちょうどあなたのInstagramのログインを使用)

  3. は、「ID」はご登録アプリのクライアントである、「タグ」は、あなたが使用されるタグであり、(jQueryを使って)次のコードを使用します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")); 
         } 
        } 
        } 
    }); 
    
+1

これはかなり便利です。タグに関係なくユーザーの画像を取り戻すために使用できますか? – Doidgey

関連する問題