Utveckla över Dribbble API med PHP

Dribbble är appen för designnätverk som sveper den digitala revolutionen med storm. Denna samling kreativa individer erbjuder bilder, eller? Skott?, Av deras senaste verk och dela kritik genom resten av samhället. Det är en bra lärmiljö för att studera webbdesigners, illustratörer och ikonstillverkare.

Gemenskapen har planerat och öppnats med ett API. Detta står för Application Programming Interface och skulle dramatiskt bredda utbudet av anpassning till någon som kan förstå ramverket.

I denna korta handledning kommer jag att gå över några av de grundläggande begreppen för att utveckla över Dribbble API. Vi kommer att fokusera på PHP som huvudprogrammeringsspråk. Detta är orsak till att PHP stöds i nästan varje miljö och det erbjuder en mycket liten inlärningskurva för nybörjare.

Granska API

I all sanning är det inte en svår syn att gå igenom. Faktum är att Dribbles officiella dokumentation erbjuder några bra konstruktioner till det kraftfulla nätverket av designbilder.

När du förbereder dig för den här typen av projekt är det viktigt att du tänker på ett omslag eller bibliotek för att fungera. Detta sparar oss lite tid eftersom vi inte behöver återskapa den vanligaste funktionaliteten som finns i API: n. De olika biblioteken är öppet tillgängliga genom GitHub Det är en annan anledning till att PHP gör ett bra val för backend dev-språket.

För vårt exempel kan vi gå igenom Martin Beans Dribbble wrapper för att hitta exakt vad vi försöker göra. Du bör ladda ner den senaste versionen och extrahera alla filer till en öppen katalog. Inuti hittar du två mappar exempel och src. Det kan vara enkelt men? Exempel? kommer att innehålla några vanliga implementeringar för funktionssamtal medan? src? innehåller alla filer vi behöver för ett nytt projekt.

Arbetar med vår PHP Wrapper

Nu när vi har allt avgjort bör vi skapa vår applikationskatalog. Vid denna tidpunkt vill du skapa en ny projektkatalog antingen på en lokalt installerad version av Apache eller på en fjärrwebbserver.

WAMP och MAMP är fortfarande idag de bästa alternativen för allt-i-ett-installationspaket. Dessa inkluderar Apache som en webbserver med PHP / MySQL stöd för backendfunktionalitet. När du har installerat arbetar du inom en root www-katalog - det här ska hålla alla dina serverfiler.

Jag har skapat en ny mapp med titeln? Dribble1? och flyttade hela? src? mapp i detta. Också inuti vårt? Dribble1? mapp Jag har skapat en ny fil index.php som vi kan använda för att lagra alla våra exempelkod. Du kan strukturera din hierarki på något sätt som du vill, bara vara säker på att alla src-filer hålls ihop och kan nås från ditt projekt.

Inklusive huvud

Högst upp på din nya index.php-fil är det viktigt att inkludera följande kodbitar. Dessa används för att skapa en anslutning till wrapppaketet som vi hämtat.

Ovan behöver vi först kärndribbelfilen från vår wrappers src. Då deklarerar vi en $ dribbble variabel och sätt det här till en ny instans av vår dribbble-klass. Detta är bara några grundläggande OOP i PHP, mycket grundläggande konstruktioner. Fråga inte för mycket om du inte förstår den använda syntakten.

När detta är inkluderat har vi tillgång till att manipulera nästan vilket område av webbplatsen som helst. Det finns många fördefinierade funktioner skrivna som tillåter oss att dra kommentarer, användare, skott och massor av annan data.

Som ett grundläggande exempel får vi titta på ett enda användarflöde. Detta är möjligen den mest efterfrågade tekniken och kräver inte mycket kod. Införandet av dina senaste Dribbble-skott i din portföljsida ger en nivå av professionalism som bara inte kan matchas med Twitter.

Dra ut enanvändardata

Koden nedan är ett exempel som drar data från en provanvändare. I det här fallet jobbar vi med alexanderustinov som skapar många ikonuppsättningar och användargränssnitt.

<ul> spelare-> hitta ('alexanderustinov'); $ shots = $ player-> shots (array ('per_page' => 5)); foreach ($ shots-> shots as $ shot) {echo sprintf ('<li><img src="//lesptitesaffairesdemayl.be/img/images_1/developing-over-the-dribbble-api-with-php_4.jpg"> <p>Ovanför slingar vi igenom varje skottinmatning som finns för det angivna användarnamnet. Den enda anledningen till att vi snabbt kan cykla genom dessa är på grund av omslagsklassen som vi inkluderade tidigare på vår sida. Vi ställer in <em>per sida</em> variabel till 5 betyder att när vi slår 5 skott vill vi inte dra längre från databasen. Detta nummer kan uppdateras till valfritt värde.</p> <h2>Visar kommentarer på sidan</h2> <p>Kända små till utomstående av samhället många av de populära skotten i Dribbble har konstruktiv feedback och några intressanta sidkommentarer. Detta är ett av de bästa sätten som designers kan dela sina idéer och kritik med andra på ett trevligt sätt.</p> <p>Följande kod kan också placeras var som helst i din <code>index.php</code> filen under omslaget inkluderar. Det kommer att dra kommentarer från ett genererat skott ID och visa 5 från första sidan.</p> <textarea wrap="soft" readonly=""> $ shot = $ dribbble-> shot-> find (62170); $ comments = $ shot-> kommentarer (array ('page' => 1, 'per_page' => 5)); <ul> <li> <p>url; ?> var13 -> "> spelare-> namn;?> var13 -> säger: body;?> var13 -></p> </li> </ul> <p>Oj då! Inga kommentarer hittades här, det är säkert tyst? </p>

De $ shot och $ kommentarer variabler används för att hålla initialvärden för slingan. $ shot är ID och kontakt i vilket specifikt skott vi riktar in, medan $ kommentarer innehåller en array som innehåller data om varje dras kommentar.

Efteråt konfronterar vi några enkla om / annars logiska kontroller om några kommentarer kunde dras. Om så skapar vi en annan foreach loop att extrahera data till en uppsättning av stycken inuti en orörd lista.Hela sidan HTML är lätt formbar och borde inte ta lång tid för att även nybörjare webbutvecklare ska hämta.

Slutsats

Detta har varit en kort introduktion till utveckling av PHP och Dribble API. Nätverket växer ständigt och har några av de bästa designarbeten som finns från hela webben. Tack vare Martin Bean och hans Github repos för att påskynda processen.

Om du är vilse rekommenderar jag att du kolla in några PHP-handledning på Google. Det finns alternativ för nybörjare att dyka i klasser och objektorienterade konstruktioner. Jag skulle också föreslå vår lista med video tutorials i webbdesign som täcker en kaskad av ämnen inklusive markup och projektutveckling.