API i narzędzia Facebookowe dla serwisów www
- Użytkowników Facebooka: za pomocą prostych dialogów można uzyskać dostęp do danych użytkownika Facebooka takich jak imię, adres email, zdjęcie profilowe, czy lista znajomych. Możliwe jest także wykorzystanie systemu użytkowników Facebooka do ułatwienia logowania/rejestracji we własnym serwisie.
- Elementów społecznościowych: za pomocą widżetów takich jak przycisk "Lubię to", protokołu Open Graph, czy feedów aktywności można stworzyć społeczność wokół własnego serwisu i zaangażować w życie portalu. Narzędzia te pozwalają także na pozyskiwanie nowych użytkowników np. przyciągniętych przez wiadomości publikowane na ścianach użytkowników już obecnych w naszym serwisie.
Wtyczki społecznościowe
Social plugins to najprostsza metoda na wykorzystanie możliwości Facebooka. Są to widżety wklejane w kod strony i obsługiwane przez serwery FB. Główną wtyczką, czy też widżetem jest przycisk "Lubię to" ("Like"). Pozwala on użytkownikowi FB oznaczyć treść w twoim serwisie, która mu się podoba - np. ciekawy news, czy zdjęcie. Po oznaczeniu treści na jego ścianie pojawi się odpowiedni wpis o tym zdarzeniu. Przycisk bardzo prosto wstawić, wystarczy taki kod:<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.MOJASTRONA.PL/PODSTRONA.HTML"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
Wszystkie wtyczki społecznościowe wykorzystują pływające ramki iframe lub tagi XFBML - specjalne tagi parsowane przez JavaScriptowe SDK Facebooka. Rozwiązania oparte na ramkach są prostsze w użyciu, a wersje oparte o XFBML oferują więcej opcji konfiguracji i są bardziej elastyczne.
Autoryzacja użytkowników
Dostępne API pozwala nam także wykorzystać system użytkowników do przyśpieszenie rejestracji, czy logowania użytkownika w naszym serwisie. Jeżeli ma konto na Facebooku to wystarczy że się zaloguje przez specjalny przycisk ("Facebook connect") i będzie można wykorzystać jego dane, w tym automatycznie zalogować, czy zarejestrować użytkownika w naszym serwisie - bez formularzy, czy haseł. Facebook oferuje protokół OAuth 2.0 do przeprowadzania autoryzacji użytkownika (podobnie jak np. na Twitterze). Facebook oferuje gotowe widżety w JavaScriptowym API, które przeprowadzą proces i ustawią odpowiednie ciasteczka, z których będzie można skorzystać w kodzie server-side naszej strony.
Czystszym rozwiązaniem bez JavaScriptowego API jest skorzystanie z usług pośredników takich jak rpxnow.com - są to proste usługi webowe działające na zasadzie przesyłanie danych metodą POST. Pozwają na autoryzację względem Facebooka i wielu innych serwisów społecznościowych. Należy pamiętać że autoryzując użytkownika poprzez taką usługę nie będziemy mogli z marszu stosować widżetów JavaScriptowego API Facebooka dla zalogowanych użytkowników.
Skorzystanie z JavaScriptowego API wymaga stworzenia aplikacji Facebookowej. Po stworzeniu aplikacji potrzebować będziemy jej numer ID by wkleić prosty kod inicjalizujący API:<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({appId: 'ID APLIKACJI', status: true, cookie: true, xfbml: true});
FB.Event.subscribe('auth.sessionChange', function(response) {
if (response.session) {
// Użytkownik zalogowany, cookie stworzone
} else {
// Użytkownik się wylogował, brak cookie
}
});
</script>
Comment article