link.png Zdjęcia na Facebook ← Powrót

Facebook umożliwia dodawanie różnych rodzajów zdjęć i obrazków przez użytkowników, począwszy od zdjęć profilowych przez zdjęcia w tle po całe galerie i obrazki swobodnie umieszczane na osi czasu. W jaki sposób można je wykorzystać w aplikacjach, które tworzymy?

Z pomocą przychodzi nam Facebook Graph API, które udostępnia niektóre dane użytkowników FB, dodatkowe informacje możemy uzyskać jeżeli użytkownik wyrazi odpowiednie pozwolenia - w tym artykule skupię się jednak na podstawowych możliwościach tego protokołu.

Dane udostępniane przez Facebook'a dostępne są w formacie JSON. Przykładowo dane każdego użytkownika można podglądnąć wchodząc na jego profil i w adresie URL zamiast www wpisując graph:

	http://graph.facebook.com/mateusz.wojtula

Dane dostępne pod tym adresem wyglądają następująco:

matw-json.png

Zdjęcia użytkowników dostępne są pod adresem:

	http://graph.facebook.com/id/picture

Gdzie id to id użytkownika lub username. W analogiczny sposób możemy pobrać zdjęcia grup, wydarzeń, stron, aplikacji i galerii (zdjęcie wiodące). Zdjęcia dostępne są w różnych rozmiarach, które możemy określić na dwa sposoby:

1. Podając typ:

Szerokość 50px
Wysokość 50px
http://graph.facebook.com/shaverm/picture?type=square
Szerokość 50px
Proporcjonalna wysokość
http://graph.facebook.com/shaverm/picture?type=small
Szerokość 100px
Proporcjonalna wysokość
http://graph.facebook.com/shaverm/picture?type=normal
Szerokość 200px
Proporcjonalna wysokość
http://graph.facebook.com/shaverm/picture?type=large

2. Podając wysokość i szerokość:

Szerokość 40px
Wysokość 60px
http://graph.facebook.com/shaverm/picture?width=40&height=60
Szerokość 60px
Wysokość 150px
http://graph.facebook.com/shaverm/picture?width=60&height=150
Szerokość 200px
Wysokość 200px
http://graph.facebook.com/shaverm/picture?width=200&height=200

Jak widać w przykładzie obrazki skalują się z zachowaniem proporcji lub do odpowiednich rozmiarów nie przekaraczjąc ich rozmiarów orginalnych.

Ponadto adresy obrazków możemy pobrać również jako JSON dodając na końcu adresu zmienną redirect=false

	http://graph.facebook.com/100002277223983/picture?redirect=false

matw-picture-json.png

Artykuł i część przykładów na podstawie http://developers.facebook.com/docs/reference/api/using-pictures/