jak zintegrować facebook login ze swoją stroną?
Zrobiłem trochę badań i nie mogę wydawać się całkowicie undestand jak zintegrować facebook logowanie z witryny.
Próbuję to zrobić dla staromodnego sklepu php, który do tej pory nie używa żadnego rodzaju logowania, a jedynie sesji, która pozwala użytkownikom przeglądać strony i dodawać produkty do koszyka.
Przeczytałem tutaj, na stackoverflow, że potrzebujesz tabeli w bazie danych, aby zachować adres e-mail użytkownika i facebook_id. Więc po tym mogę podłączyć się do innych stołów w mój db, aby zapewnić informacje i wiele więcej dla każdego użytkownika?
Czy są inne sposoby na łatwą integrację witryny z kontami facebook&google? Czytałem coś o OpenID, ale nie do końca rozumiałem jaki jest jego pożytek:)
Dlatego proszę was, żebyście postawili mnie na nogi :). Jestem naprawdę nowy z tym i wszelkie porady, najlepsze praktyki itp.będzie bardzo mile widziane!
Dzięki!
5 answers
Facebook facebook facebook login jest prosty: użytkownik wchodzi na stronę Facebooka, loguje się tam, Facebook martwi się o szczegóły i ostatecznie daje Ci (twojemu serwerowi) kciuk w górę i identyfikator, co oznacza "pozytywnie potwierdziliśmy tożsamość tego użytkownika, jest to użytkownik 174264384" . Twój serwer jest wtedy wolny, aby zrobić, co chce z tymi informacjami. Jeśli chcesz śledzić użytkownika przez kilka wizyt, to tak, prawdopodobnie będziesz chciał przechowywać ten numer w bazie danych razem z wszelkimi dodatkowymi informacjami. Następnym razem, gdy Facebook poinformuje cię, że użytkownik 174264384 jest zalogowany, możesz uzyskać wszystkie powiązane informacje z powrotem z bazy danych.
Mam nadzieję, że to pomoże jako przegląd 30,000 stóp. Szczegóły dotyczące tego, w jaki sposób Facebook może bezpiecznie uwierzytelnić użytkownika i przekazać te informacje z powrotem do serwera, są najlepiej obsługiwane przez PHP SDK. Zapoznaj się z dokumentacją jeśli chcesz poznać szczegóły.
OpenID w zasadzie robi to samo, tylko szczegóły techniczne różnią się i nie są specyficzne dla Facebook. Oauth to kolejna bardzo podobna technologia.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-09-03 09:04:47
Jest oficjalny samouczek Facebook Jak to zrobić z JS:
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-12-13 18:52:04
Tego typu Technologia (o ile się nie mylę, nazywa się OpenConnect, a przesiadają się na OAuth) jest w pewnym sensie taka sama z OpenID.
Google rzeczywiście używa openID, i nie jestem pewien, jak one działają.
Dla FacebookConnect, rejestrujesz swoją aplikację w facebook ( https://developers.facebook.com/apps ) i znajdziesz szczegóły dotyczące auth https://developers.facebook.com/docs/authentication tutaj.
Chodzi o to, że dostaniesz kod autoryzacyjny, który wysyłasz na facebook i otrzymujesz access_token, co oznacza, że twój użytkownik jest autoryzowany przez Twoją stronę. Możesz to zapisać w $ _SESSION var, myślę... Nie ma potrzeby przechowywania niczego w DB, ale w twojej konkretnej konfiguracji możesz użyć userID jako unikalnego identyfikatora użytkownika.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-09-03 09:07:53
Myślałem, że będzie to pomocne dla Ciebie, jeśli chcesz użyć javascript sdk do tego proszę skopiować ten kod:
<DOCTYPE html>
<html>
<head>
<title>Facebook Login JavaScript Example</title>
<meta charset=”UTF-8″>
</head>
<body>
<script>
// This is called with the results from from FB.getLoginStatus().
function statusChangeCallback(response) {
console.log(‘statusChangeCallback’);
console.log(response);
// The response object is returned with a status field that lets the
// app know the current login status of the person.
// Full docs on the response object can be found in the documentation
// for FB.getLoginStatus().
if (response.status === ‘connected’) {
// Logged into your app and Facebook.
testAPI();
} else if (response.status === ‘not_authorized’) {
// The person is logged into Facebook, but not your app.
document.getElementById(‘status’).innerHTML = ‘Please log ‘ +
‘into this app.';
} else {
// The person is not logged into Facebook, so we’re not sure if
// they are logged into this app or not.
document.getElementById(‘status’).innerHTML = ‘Please log ‘ +
‘into Facebook.';
}
}
// This function is called when someone finishes with the Login
// Button. See the onlogin handler attached to it in the sample
// code below.
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
window.fbAsyncInit = function() {
FB.init({
appId : ‘{your-app-id}’,// plaste your app id
cookie : true, // enable cookies to allow the server to access
// the session
xfbml : true, // parse social plugins on this page
version : ‘v2.1′ // use version 2.1
});
// These three cases are handled in the callback function.
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
};
// Load the SDK asynchronously
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
// Here we run a very simple test of the Graph API after login is
// successful. See statusChangeCallback() for when this call is made.
function testAPI() {
console.log(‘Welcome! Fetching your information…. ‘);
FB.api(‘/me’, function(response) {
console.log(‘Successful login for: ‘ + response.name);
document.getElementById(‘status’).innerHTML =
‘Thanks for logging in, ‘ + response.name + ‘!';
});
}
</script>
<fb:login-button scope=”public_profile,email” onlogin=”checkLoginState();”>
</fb:login-button>
<div id=”status”>
</div>
</body>
</html>
Znalazłem skrypt z przydatnego tutoriala, jeśli myślisz o edycji tej odpowiedzi proszę zobaczyć ten tutorial Facebook Login integracja ze stroną internetową
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-10-11 16:24:47
Facebook , OpenID, google, google, google, google, google, google, google, google, google, google, google, google, google, google, google, google, google, username, OpenID, OpenID, OpenID, OpenID, OpenID, OpenID . Następnie za pomocą Curl pobieramy dane z tych witryn społecznościowych w imieniu naszego użytkownika . Wówczas dane te stają się źródłem danych naszego formularza rejestracyjnego .Jak Pytanie o jego imię, e-mail, płeć w formularzu rejestracyjnym można pominąć-ed .
Ponieważ użytkownik może obawiać się podania nazwy użytkownika i hasła do każdej witryny, stąd pojawia się potrzeba Outh . Teraz po prostu Facebook prosi Facebook o podanie hasła użytkownika . I przekierowuje użytkownika z powrotem na naszą stronę z tokenem auth dołączonym do adresu url . Do którego możemy uzyskać dostęp poprzez $_GET . Korzystając z tego tokena, możemy zapytać facebook o wszystko, co związane z tym użytkownikiem, a tym samym może pominąć formularz rejestracyjny po raz kolejny. Dane te są przechowywane w tabeli, która została przeznaczona do przechowywania pól formularza rejestracyjnego .
(to tylko przegląd istnieją inne kroki,jak również dbać o)
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-09-03 09:27:46