如何使用画布中的重定向来授权Facebook应用程序？

Question

我正在尝试制作Facebook应用程序,但我无法在画布内的重定向方案中获得授权.

使用javascript api,我在弹出方案中很容易地使用它:

$("#loginButton").click(function(e) {
    FB.login(function(response) {
        if (response.perms) {
            perms();
        }
}, {perms : 'publish_stream'});

但弹出窗口应该是一个不必要的额外点击,因为我看到的每个其他应用程序在向您显示登录页面之前都会请求授权.像这样:

http://i.imgur.com/yBGzL.png

我认为他们只是使用重定向方案.所以我花了一整天时间尝试了不同的方法:

header("Location: https://graph.facebook.com/oauth/authorize?client_id=" . $gAppId . "&redirect_uri=" . urlencode($gUrl) . "&perms=publish_stream");

header("Location: http://www.facebook.com/login.php?v=1.0&api_key=" . $gApiKey . "&next=" . urlencode($gUrl) . "&canvas=");

header("Location: http://www.facebook.com/connect/uiserver.php?app_id=" . $gAppId . "&next=" . urlencode($gUrl) . "&return_session=0&fbconnect=0&canvas=1&legacy_return=1&method=permissions.request");

但所有这些,而不是显示授权请求的东西,显示如下链接:

http://i.imgur.com/bLwPQ.png

非常有趣的是,如果我在新标签中打开iframe的地址,我会得到我想要的授权请求.但我想让它立即显示,而不是像其他应用程序那样额外点击.

以下是一个应用程序的示例,该应用程序在重定向表单中一次性执行授权和请求权限,甚至在显示登录页面之前:

www.facebook.com/send.fortune.cookies

他们是怎么做到的？

Answer 1

我知道现在这已经有几个月了......但是你应该做的就是在你的画布上添加权限检查.

if ($session) {
  try {
    $uid = $facebook->getUser();
    $me = $facebook->api('/me');
    $accesstoken=$session['access_token'];
  } catch (FacebookApiException $e) {
    error_log($e);
  }
} 

if($me)
{
   // do what you have to do
}else {
    $loginUrl = $facebook->getLoginUrl(
        array(
            'canvas' => 1,
            'fbconnect' => 0,
            'req_perms' => 'publish_stream'
        )
    );
    echo '<script>top.location="'.$loginUrl.'";</script>';
    //echo '<fb:redirect url="' . $loginUrl . '" />';
   //header('Location: '.$loginUrl);
}

Answer 2

问题是服务器端重定向只是重定向你的内部应用程序框架而不是重定向整个页面,Facebook不喜欢在框架内显示他们的系统对话框.

您需要一些客户端重定向,可能是这些行:

<script>
    <?php 
        if($doRedirect) {
            echo 'top.location="http://redirect_url";';
        }
    ?>
</script>