Facebook Canvas iFrame 应用程序 - 使用新的 OAuth 协议授权用户

Question

我正在 iFrame 中开发一个新的 Facebook Canvas 应用程序并尝试向用户授权。新的 OAuth api 建议我重定向到以下内容以在我的应用程序中授权用户：

https:// graph.facebook.com/oauth/authorize？ client_id=...& redirect_uri=http://www.example.com/oauth_redirect

然而，这会产生一个奇怪的问题，其中一个完整的向用户请求权限的 Facebook 页面在 iFrame 本身内呈现（即 Facebook 内的 facebook）。有谁知道如何使用新的 OAuth API 解决这个问题，因为我不想开始使用旧的 REST API 方法。

Answer 1

即使我也遇到了同样的问题，并将其发布在 Facebook 论坛上。版主告诉我，这是一个目前还没有解决方案的问题。看看这个帖子 - http://forum.developers.facebook.com /viewtopic.php?id=56590

Answer 2

相反，我找到了解决这个问题的方法，我在我的博客文章 此处。一探究竟。

Answer 3

还有另一种方法可以使用 oAuth v2 来完成此操作，这在 facebook 文档中进行了描述，但分为几个页面，因此不容易理解。

首先，您需要在应用程序的“高级参数”中激活“OAuth 2.0 for Canvas”标志。

然后，这是一个 PHP 示例，解释如何处理它：

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 4

试试这篇文章 http://novacoders.blogspot.com/ 2011/04/facebook-apps-oauth-20-authorization.html

如果您不使用任何网络服务器，则需要使用 Javascript SDK。 FB.init() 返回所有必需的数据，例如 access_token。

Answer 5

过去两天一直在努力解决这个问题，并在 Facebook 开发者论坛。

Answer 6

您无法在画布 iframe 内执行简单的重定向 302 或 301，因为这只会重定向 iframe 内的内容。 Facebook 建议发送一小段 JavaScript，将 top.location 设置为对话/oauth 页面。

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

clientid 是您的 AppId，redirect_uri 是处理来自身份验证对话框页面的重定向的页面。