Facebook 캔버스 iFrame 앱 - 새로운 OAuth 프로토콜로 사용자 인증

Question

저는 iFrame 내에 새로운 Facebook Canvas 애플리케이션을 개발하고 사용자를 인증하려고합니다. 새로운 OAuth API에서는 다음과 같이 앱 리디렉션을 권장합니다.

https://graph.facebook.com/oauth/authorize? CLIENT_ID = ... = & redirect_uri로 http://www.example.com/oauth_redirect

그러나 이것은 사용자로부터 권한을 요구하는 전체 북 페이지는 Iframe 자체 내에서 렌더링 이상한 문제 (북 내의 즉 한국어)를 생성한다. 오래된 REST API 메소드를 사용하고 싶지 않기 때문에 누구나 새로운 OAuth API로이를 해결하는 방법을 알고 있습니까?

Answer 1

같은 문제가 있어도 페이스 북 포럼에 게시했습니다. 중재자는 현재로서는 해결책이없는 문제라고 알려줍니다. 이 스레드를보세요 - http://forum.developers.facebook.com/viewtopic.php?id=56590

Answer 2

반대로, 나는 내 블로그 게시물 here에서 설명한이 문제에 대한 해결책을 발견했습니다. 확인 해봐.

Answer 3

지난 2 일 동안이 문제로 어려움을 겪었으며 Facebook developers forum에서이 문제의 해킹을 발견했습니다.

Answer 4

oAuth v2를 사용하는 다른 방법이 있습니다. 이는 페이스 북 문서에 설명되어 있지만 여러 페이지로 나누어 져 있으므로 이해하기 쉽지 않습니다.

먼저 앱의 '고급 매개 변수'에 '캔버스 용 OAuth 2.0'플래그를 활성화해야합니다.

function parse_signed_request($signed_request, $secret) { 
    list($encoded_sig, $payload) = explode('.', $signed_request, 2); 

    // decode the data 
    $sig = base64_url_decode($encoded_sig); 
    $data = json_decode(base64_url_decode($payload), true); 

    if (strtoupper($data['algorithm']) !== 'HMAC-SHA256') { 
      error_log('Unknown algorithm. Expected HMAC-SHA256'); 
      return null; 
    } 

    // check sig 
    $expected_sig = hash_hmac('sha256', $payload, $secret, $raw = true); 
    if ($sig !== $expected_sig) { 
      error_log('Bad Signed JSON signature!'); 
      return null; 
    } 

    return $data; 
} 

function base64_url_decode($input) { 
    return base64_decode(strtr($input, '-_', '+/')); 
} 

$data = parse_signed_request($_REQUEST["signed_request"], <your facebook app api secret>); 

if (empty($data["user_id"]) && !isset($_REQUEST['redir'])) { 
    // The user isn't authenticated 
    $auth_url = "http://www.facebook.com/dialog/oauth?client_id=" . 
      <your facebook app id> . "&redirect_uri=" . 
      urlencode('http://apps.facebook.com/<yourapp>/?redir=1'); 
    echo("<script> top.location.href='" . $auth_url . "'</script>"); 
    die; 
} 
// Here the user is authenticated 
echo ("Welcome User: " . $data["user_id"]); 
// And now you have the Graph API auth token in $data["oauth_token"], 
// so you can use any graph api method 

Answer 5

당신이 자바 스크립트 SDK를 사용할 필요가 모든 웹 서버를 사용하지 않는 경우이 문서를 http://novacoders.blogspot.com/2011/04/facebook-apps-oauth-20-authorization.html

을 시도해보십시오

그리고, 여기를 처리하는 방법을 설명하는 PHP의 예입니다. FB.init()는 access_token과 같은 필요한 모든 데이터를 반환합니다.

Answer 6

canvas iframe에서 간단한 리디렉션 302 또는 301을 수행 할 수 없으므로 iframe 내의 콘텐츠 만 리디렉션됩니다. Facebook이 권장하는 것은 top.location을 대화/oauth 페이지로 설정할 작은 JavaScript를 보내는 것입니다. 당신의 APPID 인 및 redirect_uri는 인증 대화 상자 페이지에서 리디렉션을 처리하는 페이지 인

<script>top.location='https://www.facebook.com/dialog/oauth?client_id={0}&redirect_uri={1}&scope=publish_actions';</script>. 

clientid.