2012-02-07 4 views
0

У Facebook было место, где мы можем ввести URL-адрес после того, как пользователь нажал кнопку входа в систему, но, похоже, на новой странице настроек.Новое руководство для входа в Facebook

Есть ли доступный справочник, основанный на новых обновлениях на facebook? Я создаю веб-сайт и хотел бы использовать логин facebook, чтобы пользователи заходили на сайт и загружали свои записи из моей базы данных.

+0

http://facebook.stackoverflow.com/questions/7131666/get-user-basic-information-using-facebook-login-button-plugin – Markus

+0

Вот обратный адрес вашего говорим, правильно? –

+0

Да, принятый ответ говорит о подписке на событие auth.login (https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/), это позволит вам запускать javascript после входа в систему успешный. – Markus

ответ

1

Ниже решение для шага задачи за шагом :)

Вы можете решить вашу проблему в 5 шагов

Шаг 1

Создать новое приложение facebook, используя link и отметьте его Идентификатор приложения/API Ключ

Шаг 2

использовать App ID/API Key, который вы обратите внимание на Шаг 1

Следующий код будет загружать и инициализировать JavaScript SDK со всеми общими опциями. Заменить YOUR_APP_ID и WWW.YOUR_DOMAIN.COM с соответствующими значениями. Лучшее место для размещения этого кода - сразу после открытия тега <body>.

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
FB.init({ 
    appId  : 'YOUR_APP_ID', // App ID 
    channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File 
    status  : true, // check login status 
    cookie  : true, // enable cookies to allow the server to access the session 
    xfbml  : true // parse XFBML 
    oauth  : true, 
}); 

// Additional initialization code here 
    }; 

    // Load the SDK Asynchronously 
    (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> 

Шаг 3

Создайте файл channel.html с кодом ниже

<?php 
    $cache_expire = 60*60*24*365; 
    header("Pragma: public"); 
    header("Cache-Control: max-age=".$cache_expire); 
    header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT'); 
    ?> 
    <script src="//connect.facebook.net/en_US/all.js"></script> 

Шаг 4
Добавить пространство имен XML в <html> теге вашего документа. Это необходимо для работы XFBML в более ранних версиях Internet Explorer.

<html xmlns:fb="http://ogp.me/ns/fb#"> 

Шаг 5

После того, как вы загрузили JavaScript SDK в вашу страницу и инициализировать его с APPID, вы просто добавить Войти кнопку на страницу с помощью элемента класса DIV, как показано ниже:

<div class="fb-login-button">Login with Facebook</div> 

Вы можете прочитать все выше в деталях, где почти вся информация получить ниже ссылки

  1. here you can get javascript, channel file details and other details

Спасибо ...

+0

Привет, спасибо за ответ. Я поместил кнопку в первый файл и также создал файл channel.html в соответствии с вашим примером. добавлен тег html и в обоих файлах. , но когда я загружаю страницу, я вижу только кнопку «login with facebook», и когда я нажимаю на нее, она говорит «Произошла ошибка. Повторите попытку позже». Любая идея, где пошло не так? – dan

Смежные вопросы