내비게이션을 통해 Facebook에 로그온

Question

나는 이미 Facebook 개발자에게 내 앱을 등록하고 ID를 얻었지만 내 앱 (크롬 확장), 웹 사이트 앱, 모바일 앱, Facebook 북을 특징 짓는 데 어려움이 있습니까? 내가하고 싶은 것은 사용자가 단순히 클릭 만 할 수 있도록 해주는 간단한 확장이며 배경 JavaScript는 페이스 북 API를 호출하여 사용자에게 이와 같이 로그인하도록 요청합니다.

window.fbAsyncInit = function() { 
    FB.init({ 
     appId : '123456789', 
     status : true, 
     cookie : true, 
     xfbml : true, 
     oauth : true, 
    }); 
}; 

chrome.browserAction.onClicked.addListener(function(tab) { 
    FB.login(function(response) { 
     if(response.authResponse) { 
      alert('Welcome! Fetching your information.... '); 
      FB.api('/me', function(response) { 
       console.log('Good to see you, ' + response.name + '.'); 
      }); 
     } else { 
      alert('User cancelled login or did not fully authorize.'); 
     } 
    }); 
}); 

그러나, 그것은, 어떻게 페이스 북 개발자 페이지에 내 응용 프로그램의 URL을 지정합니까 "나는 허가하고 있지 않다"말하는 또 다른 방법입니다, 오류가 발생라는 창을 팝업 확장의 URL 때문에 크롬 확장 : // asdjlajsldj/ 또는 다른 사람이 해결 방법을 알고 있습니까? 고맙습니다.

Answer 1

Facebook의 API가 응용 프로그램이 사용자 데이터에 액세스 할 수 있도록 OAuth 2을 사용한다고 가정합니다. Google은 API 섹션에서 example을 사용하여이를 수행하는 방법을 제공합니다. 나는 또한 alternative method on GitHub를 게시했다. 내 방법은 페이스 북의 인터페이스에 맞도록 약간의 변경이 필요하지만 아이디어는 동일합니다 (GitHub로이 작업을 수행하는 GitHub 분기가 있습니다).

기본적으로 확장은 당신이 API에서 개인 데이터를 조회 할 수있는 매개 변수로이 토큰을 사용하여, 페이스 북에서 사용자에 대한 액세스 토큰을 받아야합니다. Chrome 확장 프로그램이 샌드 박스 처리되고 반환 URL이없는 것은 사실이지만 어려운 두 가지 방법 중 하나를 사용하면 문제가 해결되지 않습니다.

행운을 빌어 요!