如何在 javascript 中自定义 facebook oauth 对话框？

Question

我想更改页面 url 的位置，并且我强烈希望在单独的窗口中打开权限请求对话框。

这是我正在使用的 JavaScript：

  <script>
        window.fbAsyncInit = function() {
  FB.init({
    appId      : 'XXXXXXXXXXXXXXX',
    status     : true, 
    cookie     : true,
    xfbml      : true
  });
};
    (function(d){
   var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
   js = d.createElement('script'); js.id = id; js.async = true;
   js.src = "//connect.facebook.net/en_US/all.js";
   d.getElementsByTagName('head')[0].appendChild(js);
 }(document));
  </script>

在单独的窗口中出现的对话框并没有出现在所有浏览器中，该死的 IE...

PHP：

 // Create our Application instance (replace this with your appId and secret).
    $facebook = new Facebook(array(
      'appId'  => 'XXXXXXXXXXXXXXXXXXXXXXXXX',
      'secret' => 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
    ));

    // Get User ID
    $user = $facebook->getUser();

    if ($user) { 
      try {
        // Proceed knowing you have a logged in user who's authenticated.
        $user_profile = $facebook->api('/me');
      } catch (FacebookApiException $e) {
        error_log($e);
        $user = null;
      }
    }

    //  n or logout url will be needed depending on current user state.
    if ($user) {
      $logoutUrl = $facebook->getLogoutUrl();
    } else {
      $loginUrl = $facebook->getLoginUrl(   array(
           'scope' => 'publish_stream,user_birthday,email,offline_access',
           'next'  => 'LINK HERE',
          ));
    }

Answer 1

不要试图颠覆 Facebook 的 JavaScript SDK，只需使用标准 OAuth 身份验证，它允许您将用户重定向到身份验证或权限对话框，而无需弹出 JavaScript 弹出窗口。

请参阅Authentication documentation 的服务器端流程部分和OAuth dialog's documentation 中的直接 URL 示例。请注意，后一个文档中的 example URL 看起来与您的第二个屏幕截图非常相似。