Så du vil bygge et Facebook-program og nå bokstavelig talt millioner av brukere. Vel heldigvis, å skrive et program ved hjelp av API er ikke så vanskelig å lære (for det grunnleggende, uansett). I denne opplæringen skriver vi en Facebook-app som genererer et tilfeldig sitat som skal vises på brukerens profil.

Starter

Det er verdt å merke seg at Facebook API er tilgjengelig for en rekke språk, alle oppført på Facebook Developers Wiki. Jeg skal bruke PHP 5 for denne tut. Du må også laste ned PHP 5 Client Library, som jeg har tatt med i SRC-filene. All kode som er vist her vil være i index.php filen.

Trinn 1: Initialiser Appen din

Det første trinnet for å få en Facebook API-nøkkel, som gjør at appen din kan hente informasjon fra Facebook. Gå til Facebook Developer Application og klikk på "Set up a New Application" -knappen. Velg et navn, godta vilkårene og du har API-en din. Nå må du sette opp lerretets sidenavn og tilbakekallingsadressen.

Din lerretsside er applikasjonsområdet i Facebook; navnet er lagt til nettadressen og vil se slik ut: http://apps.new.facebook.com/[YOUR APP NAME]. Tilbakekallingsadressen peker på serveren som serverer appfilene. For å sette disse opp klikker du på "Mine innstillinger" -siden på "Rediger innstillinger" på høyre side. Du vil se feltene for å fylle ut begge, som jeg gjorde i skjermbildet nedenfor. Mens det er mange andre alternativer, er det ingen som er nødvendig for denne opplæringen. Klikk på "Lagre", og du er nå klar til å bygge din første Facebook-app. Facebook gir deg enda en oppstartskode. Jeg har kuttet ut de ekstra greiene og ga deg bare det du trenger for å initialisere appen din ...

 require_login (); $ callbackurl = 'http://www.casabona.org/nettuts/'; ?>

Dette er ganske rett frem koden. Vi lager et Facebook-objekt ved hjelp av vår API-nøkkel og apphemmelighet, som ble gitt til oss da vi opprettet API-nøkkelen. Det første vi gjør etter det, er å få bruker-IDen til den loggede brukeren. Dette vil være verdifullt for oss hvis vi skulle få ting å få brukerens navn, brukerens venner osv. Jeg har også lagt til $ callbackurl for å gjøre det enklere å koble til bilder eller andre filer, da Facebook ikke tillater relativ kobling.

Trinn 2: Skrive applikasjonen

Hvis vi ikke gjør bestemte Facebook-samtaler, er dette akkurat som å skrive en php-applikasjon. Nedenfor er vår kode.

 // initialisere en rekke sitater $ quotes = array ("Bare de som tør å mislykkes i stor grad kan aldri oppnå stor grad.", "Ta min kone. Vær så snill!", "Jeg tror det som ikke dreper deg bare gjør deg ... STRANGERE "); // Velg en tilfeldig en. $ i = rand (0, sizeof ($ citer) -1); // skriv ut CSS-utskriften ('  '); skrive ut "
Nettutsatser
"; skrive ut "
". $ sitater [$ i]."
";

Dette er alt du trenger å gjøre for å skrive ut på lerretssiden. En ting å merke seg er måten vi lager CSS. Vi kan ikke ringe en fil som style.css- vi må faktisk inkludere CSS i HTML. Dette er slik at vår CSS ikke forstyrrer Facebooks. Du bør også vite at når styling divs, kan du bare bruke klassen, ikke id. Koden vi opprettet vil produsere noe som dette:

Trinn 3: Opprette profilboksen

Til slutt, noen Facebook-spesifikke ting. Koden nedenfor er nødvendig for å legge til vårt tilbud til brukerens profil, gitt at de viser vår app i deres profil. I appen har jeg lagt til følgerkoden rett under $ i = rand (0, sizeof ($ citer) -1);

 // lagre streng for profilboksen $ text = ('  '); $ Tekst. = ('
'. $ sitater [$ i]. '
'); // sett profiltekst $ facebook-> api_client-> profile_setFBML ($ text, $ user_id);

Legg merke til at jeg har gjort to ting her: Trykk på CSS og legg alt i en streng som heter $ tekst. Dette skyldes at funksjonen som setter profilboksteksten, profile_setFBML, tar to argumenter: teksten som skal gå i profilboksen og brukerens ID. Enhver CSS definert for lerretssiden er ikke overført til profilen, så vi må også legge til det til vårt første argument. Sluttresultatet er dette:

Det er det!

Vi har åpenbart bare riper overflaten så langt som Facebook applikasjonsutvikling går. Men med Wiki og ressurser Facebook gir deg når du får en API-nøkkel, bør du være godt på vei til å lage neste store app! Hvis du vil sjekke ut denne appen i all sin herlighet, kan du gå her, bare så lenge du har en Facebook-konto.