用于移动网络的 Facebook Oauth

Question

我在弄清楚如何为移动网络应用程序实现 Facebook Oauth 时遇到了很多麻烦。我想使用他们开发者网站上以下代码示例中“显示”参数中指示的“触摸”界面。有没有人有使用此代码的经验？我似乎无法让它在 Javascript 中工作。是否有其他方法可以让我的用户看到触摸启用登录界面？

这是我所指的文档:http://developers.facebook.com/docs/guides/mobile/

Answer 1

是的，有一种方法可以让您的移动浏览器用户看到支持触控的登录界面。除了使用 FB SDK，您还需要使用 oauth 方法，如下所述:

http://developers.facebook.com/docs/authentication/

我正在使用“服务器端流程”来完成您正在尝试做的事情，而且看起来效果很好。

首先，您重定向到 FB oauth 页面，将您的应用程序 ID 和登录页面作为回调传递(注意:landing_page 必须格式化为目录，不能是文档!)。如果需要，使用 state 传入 display=touch 和可选的应用程序数据。

document.location='http://www.facebook.com/dialog/oauth?client_id=' + appid + 
    '&redirect_uri=http://' + landing_page + '/&display=touch&state=' + 
     optional_app_data;

用户登录成功后，您的用户将被重定向到带有code 的GET 变量的landing_page。如果您需要像这样(在 PHP 中)查询 Open Graph API 的用户信息，您可以使用此 code 获取 access_token:

$response = file_get_contents("https://graph.facebook.com/oauth/access_token?"
    ."client_id=FACEBOOK_ID."&redirect_uri=http://". landing_page
    ."/oauth/&client_secret=".FB_APPSECRET."&code=$authcode"); 

parse_str($response, $params);

$graph_url = "https://graph.facebook.com/me?access_token=".$params['access_token'];