Hämta Facebook profilbilder till din sida med Facebook API

DELA

Jag bestämde mig idag för att göra klart en hemsida som har legat orörd alldeles för länge, något så simpelt som min släktdomän janitzek.se (den främsta fördelen med att ha ett efternamn som ingen kan uttala, domännamnet finns ledigt :)). Jag hade tidigt en idé om hur jag ville använda den för att länka ihop familjens aktiviteter på webben, och till detta vill jag använda profilbilder och letade efter ett sätt att göra det automatiskt.

Med hjälp av Facebooks Graph API var det riktigt enkelt, den kräver ingen inloggning eller autentisering och du kan hämta vilken användares profilbild som du vill. Leta först upp användarnamnet till personen du vill visa, i de flesta fall har användaren valt ett eget namn men ifall användaren inte har det fungerar användarens ID lika bra.

<img src="http://graph.facebook.com/xxx/picture" />

Genom att byta ut xxx ovan mot användarnamnet och med ett vanligt GET-anrop mot Facebooks API får man tillbaka profilbilden i 50×50 pixlar. Så ifall man vill ha ut profilbilden för Nikke Lindqvist på facebook (hans bloggpost fick mig på tankarna att leka med Facebook så han får stå modell) använder man användarnamnet ”nikke”.

Varför vill man hämta profilbilder från Facebook?

  • En väldigt simpel lösning för att integrera din hemsida med Facebook, kräver ingen autentisering utan endast att man känner till användarnamnet
  • Man behöver inte själv lägga ner resurser på att skapa funktioner för att ladda upp, beskära och moderera profilbilder.

Det finns mer rolig information man kan få ut direkt från Facebooks API eller så kan du hämta ut alla dina kompisars statusuppdateringar utan autentisering. Har du något exempel på hur man kan använda Facebooks API skriv gärna en kommentar.

Sprid gärna vidare om du tycker det är intressant…

 

4 reaktioner på ”Hämta Facebook profilbilder till din sida med Facebook API”

    1. Jag hjälper gärna till, men jag förstår inte vad det är du försöker göra? ViIl du visa profilbilder på din sida och koden jag visar i inlägget fungerar inte?

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *