Question

我有一个应用程序，我想用作Facebook应用程序。我已经设置了应用程序，现在需要知道我将放置身份验证代码的位置。以下代码（下面）是我在文档中找到的示例。这个客户端示例被放入我的HTML文件的主体并且可以工作，但是，它创建了一个额外的弹出窗口，其中包含我的应用程序（除了facebook画布上的那个）。

此代码应存在于何处？适当的地方是什么？这些代码的部分是否有额外的弹出窗口？先感谢您。

     <html> 
   <head> 
     <title>Client Flow Example</title> 
   </head> 
   <body> 
   <script> 
     function displayUser(user) {
       var userName = document.getElementById('userName');
       var greetingText = document.createTextNode('Greetings, '
         + user.name + '.');
   userName.appendChild(greetingText);
     }

     var appID = YOUR_APP_ID;
     if (window.location.hash.length == 0) {
       var path = 'https://www.facebook.com/dialog/oauth?';
   var queryParams = ['client_id=' + appID,
     'redirect_uri=' + window.location,
     'response_type=token'];
   var query = queryParams.join('&');
   var url = path + query;
   window.open(url);
     } else {
       var accessToken = window.location.hash.substring(1);
       var path = "https://graph.facebook.com/me?";
   var queryParams = [accessToken, 'callback=displayUser'];
   var query = queryParams.join('&');
   var url = path + query;

   // use jsonp to call the graph
       var script = document.createElement('script');
       script.src = url;
       document.body.appendChild(script);        
     }
   </script> 
   <p id="userName"></p> 
   </body> 
  </html>

Answer 1

快速查看代码，您可能希望根据应用程序的开发者控制台（例如facebook.com/developers）中的内容删除您的APP ID。我建议查看以下资源，因为我发现它们非常有帮助。

概述最近对具有权限的OAuth 2.0的更改： https://developers.facebook.com/blog/post/525/

Facebook JS SDK： https://developers.facebook.com/docs/reference/javascript/

我在哪里为Facebook上的应用程序放置客户端身份验证代码？在我的Canvas URL HTML文档中？

1 个答案: