Где я могу разместить код аутентификации на стороне клиента для приложения на Facebook?В моем холсте URL документа HTML? - PullRequest
1 голос
/ 13 октября 2011

У меня есть приложение, которое я хочу использовать в качестве приложения для 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>

1 Ответ

0 голосов
/ 13 октября 2011

Быстро просматривая ваш код, вы захотите добавить свой APP ID, как это определено в консоли разработчика для вашего приложения (например, facebook.com/developers). Я бы посоветовал проверить следующие ресурсы, поскольку я считаю, что они чрезвычайно полезны.

Описывает последние изменения OAuth 2.0 с разрешениями: https://developers.facebook.com/blog/post/525/

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...