ajaxを使ってinstagram log inトークンを受け取る方法

Question

Instagramからトークンを受け取ろうとしていて、何か問題があります。このコードを使用しますが、次のエラーが表示されます。

SEC7127：CORSリクエストでリダイレクトがブロックされました。

SCRIPT7002：XMLHttpRequest：ネットワークエラー0x2ef1、エラー00002ef1のため、操作を完了できませんでした。間違ったことの

Answer 1

バンチ

$(document).ready(function() { 
 
    var clientId = 'xxx'; 
 
    var clientSecret = 'xxx'; 
 
    var redirectUri = 'http://localhost/instagramFeed/'; 
 
    
 
    function callback(code) { 
 
     $.ajax({ 
 
      type: 'POST', 
 
      client_id: clientId, 
 
      client_secret: clientSecret, 
 
      grant_type: authorization_code, 
 
      redirect_uri: redirectUri, 
 
      code: code, 
 
      success: function(code) { 
 
       console.log('Callbeck success!'); 
 
      }, 
 
      error: function(msg) { 
 
       console.log('Error in callback'); 
 
       console.log(msg); 
 
      } 
 
     }); 
 
    } 
 
    var requestToken = function() { 
 
     var url = 'https://instagram.com/oauth/authorize/?client_id=' + clientId + '&redirect_uri=' + redirectUri + '&response_type=code'; 
 
     $.ajax({ 
 
      type: 'GET', 
 
      url: url, 
 
      success: function(code) { 
 
       console.log('Success' + code); 
 
       callback(code); 
 
      }, 
 
      error: function(msg) { 
 
       console.log('Error'); 
 
       console.log(msg); 
 
      } 
 
     }); 
 
    }; 
 
    requestToken(); 
 
});

： codeは、リダイレクトURL内のURLのparamとして到着します、あなたは、Ajaxを呼び出し、応答 codeをゲットすることはできません。 そして、あなたはサーバーをoauthに明示的にjavascriptでログインさせることはできません。サーバー側のコードで投稿をしなければなりません。

もしあなたが単にjavascriptを使用したいのであれば、Instagramによってサポートされているoauth2のクライアント暗黙の許可メソッドを使うことができます。これは、これがappの設定です。

=codeの代わりにresponse_type=tokenという認証URLを開いてください。

window.location = 'https://instagram.com/oauth/authorize/?client_id=' + clientId + '&redirect_uri=' + redirectUri + '&response_type=token' 

ちょうどこのURLを開いて、ログイン後、access_tokenはそれをつかむためにredirect url

のハッシュフラグメントになり、単にリダイレクトURLのページにこのコードを持っている

var access_token = ""; 
if (window.location.hash){ 
    access_token = window.location.hash.split("access_token=")[1]; 
    window.location.hash = ""; 
} 

詳細詳細：https://www.instagram.com/developer/authentication/