Sviluppo dell'API Dribbble con PHP

Dribbble è l'app di networking del design che ha scatenato la rivoluzione digitale. Questa collezione di individui creativi offre immagini, o "scatti", dei loro ultimi lavori e condivide le critiche attraverso il resto della comunità. È un ottimo ambiente di apprendimento per lo studio di web designer, illustratori e creatori di icone.

La comunità è stata pianificata in modo complesso e aperta con un'API. Questo sta per Application Programming Interface e amplierebbe notevolmente la gamma di adattamento a chiunque possa comprendere il framework.

In questo breve tutorial esaminerò alcuni dei concetti di base per lo sviluppo tramite l'API di Dribbble. Ci concentreremo su PHP come principale linguaggio di programmazione. Questo è causale per il fatto che PHP è supportato in quasi tutti gli ambienti e offre una curva di apprendimento molto piccola per gli sviluppatori principianti.

Esaminando l'API

In verità, non è uno spettacolo difficile da attraversare. In effetti, la documentazione ufficiale di Dribbble offre alcuni grandi costrutti nella potente rete di colpi di design.

Quando si prepara questo tipo di progetto, è fondamentale considerare un wrapper o una libreria in cui aggirare. Questo ci risparmia un sacco di tempo poiché non è necessario ricreare la funzionalità più comune trovata all'interno dell'API. Le varie librerie disponibili attraverso GitHub è un'altra ragione per cui PHP è un'ottima scelta per il linguaggio di backend dev.

Per il nostro esempio possiamo passare attraverso il wrapper Dribbble di Martin Bean per trovare esattamente quello che stiamo cercando di fare. Dovresti scaricare la versione più recente ed estrarre tutti i file in una directory aperta. All'interno troverai due cartelle esempi e src. Può essere semplice ma? Esempi? conterrà alcune implementazioni comuni per le chiamate di funzione mentre? src? include tutti i file necessari per un nuovo progetto.

Lavorare con il nostro PHP Wrapper

Ora che abbiamo sistemato tutto, dovremmo creare la nostra directory applicativa. A questo punto ti consigliamo di creare una nuova directory di progetto su una versione installata localmente di Apache o su un server web remoto.

WAMP e MAMP sono ancora oggi le migliori opzioni per i pacchetti di installazione all-in-one. Questi includono Apache come server Web con supporto PHP / MySQL per le funzionalità di back-end. Una volta installato, lavorerai all'interno di una directory radice www - questo dovrebbe contenere tutti i file del tuo server.

Ho creato una nuova cartella intitolata? Dribble1? e spostato l'intero? src? cartella in questo. Anche all'interno del nostro? Dribble1? cartella Ho creato un nuovo file index.php che possiamo usare per memorizzare tutto il nostro codice di esempio. Puoi strutturare la tua gerarchia in qualsiasi modo desideri, ma assicurati che tutti i file src siano tenuti insieme e possano essere accessibili dal tuo progetto.

Comprese intestazioni

Nella parte superiore del tuo nuovo file index.php è importante includere i seguenti bit di codice. Questi sono usati per creare una connessione nel pacchetto wrapper che abbiamo scaricato.

Prima richiediamo il file core dribbble dal src del nostro wrapper. Quindi dichiariamo a $ Dribbble variabile e impostalo su una nuova istanza della nostra classe dribbble. Questo è solo un OOP di base in PHP, costrutti molto semplici. Non preoccuparti troppo se non capisci la sintassi utilizzata.

Una volta incluso, abbiamo l'accesso per manipolare quasi ogni area del sito per capriccio. Esistono molte funzioni predefinite scritte che ci consentono di inserire commenti, utenti, scatti e tonnellate di altri dati.

Come esempio di base, guardiamo un singolo feed utente. Questa è probabilmente la tecnica più richiesta e non richiede molto codice. L'inclusione dei tuoi scatti Dribbble più recenti nella tua pagina portfolio offre un livello di professionalità che non può essere eguagliato con Twitter.

Tirare dati utente singolo

Il codice seguente è un esempio che estrae dati da un utente campione. In questo caso stiamo lavorando con alexanderustinov che crea molti set di icone e interfacce utente.

<ul> player-> find ('alexanderustinov'); $ colpi = $ giocatore-> colpi (matrice ('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>Sopra passiamo attraverso ogni voce di sparo trovata per il nome utente specificato. L'unica ragione per cui possiamo scorrere rapidamente questi è a causa della classe wrapper che abbiamo incluso in precedenza nella nostra pagina. Abbiamo impostato il <em>per pagina</em> variabile a 5 significato una volta che abbiamo colpito 5 colpi non vogliamo più tirare dal database. Questo numero potrebbe essere aggiornato a qualsiasi valore desideri.</p> <h2>Visualizzazione dei commenti delle foto in entrata</h2> <p>Noto poco agli estranei della comunità, molti degli scatti più popolari in Dribbble hanno un feedback costruttivo e alcuni commenti interessanti alla pagina. Questo è uno dei modi migliori in cui i designer possono condividere le proprie idee e critiche con gli altri in modo piacevole.</p> <p>Il seguente codice potrebbe anche essere inserito ovunque nel tuo <code>index.php</code> file sotto il wrapper include. Trarrà i commenti da un ID di colpo generato e visualizzerà 5 dalla prima pagina.</p> <textarea wrap="soft" readonly=""> $ shot = $ dribbble-> shot-> find (62170); $ comments = $ shot-> comments (array ('page' => 1, 'per_page' => 5)); <ul> <li> <p>URL; ?> var13 -> "> player-> nome;?> var13 -> dice: body;?> var13 -></p> </li> </ul> <p>Ops! Nessun commento trovato qui, sicuro è tranquillo? </p>

Il $ colpo e $ commenti le variabili vengono utilizzate per contenere i valori iniziali per il ciclo. $ colpo è l'ID e il connettore in cui lo specifico tiro puntato, mentre $ commenti detiene un array contenente dati su ogni commento tirato.

Successivamente ci confrontiamo con una semplice logica if / else che controlla se possono essere estratti eventuali commenti. Se è così ne creiamo un altro ciclo foreach per estrarre i dati in una serie di paragrafi all'interno di una lista non ordinata.Tutta la pagina HTML è facilmente malleabile e non dovrebbe richiedere molto tempo anche per gli sviluppatori web principianti.

Conclusione

Questa è stata una breve introduzione allo sviluppo su API PHP e Dribble. La rete è in costante crescita e presenta alcuni dei migliori lavori di progettazione trovati sul Web. Grazie a Martin Bean e ai suoi repository Github per accelerare il processo.

Se ti perdi, ti consiglio di consultare alcuni tutorial PHP su Google. Ci sono opzioni per i principianti che si tuffano in classi e costrutti orientati agli oggetti. Suggerirei anche la nostra lista di video tutorial in web design che copre una cascata di argomenti tra cui markup e sviluppo del progetto.