Über die Dribbble-API mit PHP entwickeln

Dribbble ist die Design-Networking-App, die die digitale Revolution im Sturm fegt. Diese Sammlung von kreativen Einzelpersonen bietet Bilder oder "Aufnahmen" ihrer neuesten Werke und teilt Kritik im Rest der Community. Es ist eine großartige Lernumgebung für das Studium von Webdesignern, Illustratoren und Symbolmachern.

Die Community wurde aufwendig geplant und mit einer API geöffnet. Dies steht für Application Programming Interface (Anwendungsprogrammierschnittstelle) und würde die Anpassungsmöglichkeiten für jeden, der das Framework verstehen kann, erheblich erweitern.

In diesem kurzen Tutorial werde ich einige der grundlegenden Konzepte für die Entwicklung über die Dribbble-API durchgehen. Wir werden uns auf PHP als Hauptprogrammiersprache konzentrieren. Dies ist ursächlich für die Tatsache, dass PHP in nahezu jeder Umgebung unterstützt wird, und es bietet eine sehr kleine Lernkurve für Einsteiger.

Überprüfen der API

In aller Wahrheit ist es kein schwieriger Anblick. Tatsächlich bietet die offizielle Dokumentation von Dribbble einige großartige Konstrukte für das mächtige Netzwerk von Designaufnahmen.

Wenn Sie sich auf diese Art von Projekt vorbereiten, ist es wichtig, einen Wrapper oder eine Bibliothek zu berücksichtigen. Dies erspart uns viel Zeit, da wir die häufigsten Funktionen der API nicht neu erstellen müssen. Die verschiedenen Bibliotheken sind offen durch zugänglich GitHub Dies ist ein weiterer Grund, warum PHP eine gute Wahl für die Sprache des Backends macht.

In unserem Beispiel können wir durch den Dribbble-Wrapper von Martin Bean herausfinden, was wir genau versuchen. Sie sollten die neueste Version herunterladen und alle Dateien in ein offenes Verzeichnis extrahieren. Darin finden Sie zwei Ordner Beispiele und src. Es mag einfach sein, aber? Beispiele? enthält einige allgemeine Implementierungen für Funktionsaufrufe, während? src? enthält alle Dateien, die wir für ein neues Projekt benötigen.

Mit unserem PHP Wrapper arbeiten

Jetzt, da wir alles geregelt haben, sollten wir unser Anwendungsverzeichnis erstellen. An dieser Stelle möchten Sie ein neues Projektverzeichnis entweder auf einer lokal installierten Version von Apache oder auf einem Remote-Webserver erstellen.

WAMP und MAMP sind auch heute noch die besten Optionen für All-in-One-Installationspakete. Dazu gehört Apache als Webserver mit PHP / MySQL-Unterstützung für die Backend-Funktionalität. Nach der Installation arbeiten Sie in einem Root-WWW-Verzeichnis - dies sollte alle Ihre Server-Dateien enthalten.

Ich habe einen neuen Ordner mit dem Titel? Dribble1? Erstellt. und zog die gesamte? src? Ordner in diesen. Auch in unserem? Dribble1? Ordner Ich habe eine neue Datei erstellt index.php Mit dem wir unseren gesamten Beispielcode speichern können. Sie können Ihre Hierarchie beliebig strukturieren. Stellen Sie dabei sicher, dass alle SRC-Dateien zusammengehalten werden und auf Ihr Projekt zugegriffen werden kann.

Einschließlich Header

Ganz oben in Ihrer neuen index.php-Datei müssen Sie die folgenden Codebits einfügen. Diese werden verwendet, um eine Verbindung zu dem von uns heruntergeladenen Wrapper-Paket herzustellen.

Oben benötigen wir zuerst die Core-Dribbble-Datei von der Wrapper-src. Dann erklären wir ein $ dribbble Variable und setzen Sie diese auf eine neue Instanz unserer Dribbble-Klasse. Dies ist nur ein paar grundlegende OOP in PHP, sehr grundlegende Konstrukte. Ärgern Sie sich nicht zu viel, wenn Sie die verwendete Syntax nicht verstehen.

Sobald dies enthalten ist, können wir fast jeden Bereich der Website nach Belieben manipulieren. Es gibt viele vordefinierte Funktionen, die es uns ermöglichen, Kommentare, Benutzer, Aufnahmen und jede Menge anderer Daten abzurufen.

Als ein einfaches Beispiel betrachten wir einen einzelnen Benutzer-Feed. Dies ist möglicherweise die gefragteste Technik und erfordert nicht viel Code. Die Aufnahme Ihrer neuesten Dribbble-Aufnahmen in Ihre Portfolio-Seite bietet ein Maß an Professionalität, das mit Twitter einfach nicht zu erreichen ist.

Einzelne Benutzerdaten ziehen

Der folgende Code ist ein Beispiel zum Abrufen von Daten von einem Beispielbenutzer. In diesem Fall arbeiten wir mit alexanderustinov, der viele Icon-Sets und Benutzeroberflächen erstellt.

<ul> spieler-> find ('alexanderustinov'); $ shots = $ player-> shots (Array ('per_page' => 5)); foreach ($ shots-> shots als $ shot) {echo sprintf ('<li><img src="//lesptitesaffairesdemayl.be/img/images_1/developing-over-the-dribbble-api-with-php_4.jpg"> <p>Oben durchlaufen wir jeden gefundenen Schusseintrag für den angegebenen Benutzernamen. Der einzige Grund, warum wir diese schnell durchgehen können, ist die Wrapper-Klasse, die wir zuvor auf unserer Seite aufgenommen haben. Wir setzen die <em>pro Seite</em> Variable bis 5, was bedeutet, wenn wir 5 Schläge getroffen haben, wollen wir nicht mehr aus der Datenbank ziehen. Diese Nummer kann auf jeden gewünschten Wert aktualisiert werden.</p> <h2>Anzeigen von In-Page-Shots-Kommentaren</h2> <p>Ausserhalb der Community wenig bekannt, viele der beliebten Aufnahmen in Dribbble haben konstruktives Feedback und einige interessante Seitenkommentare. Dies ist eine der besten Möglichkeiten, wie Designer ihre Ideen und Kritik auf angenehme Weise mit anderen teilen können.</p> <p>Der folgende Code kann auch an beliebiger Stelle in Ihrem eingefügt werden <code>index.php</code> Datei unter dem Wrapper-Include. Es werden Kommentare von einer generierten Aufnahmekennung und Anzeige 5 von der ersten Seite abgerufen.</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-> name;?> var13 -> sagt: body;?> var13 -></p> </li> </ul> <p>Hoppla! Keine Kommentare hier gefunden, sicher ist ruhig? </p>

Das $ erschossen und $ Kommentare Variablen werden verwendet, um Anfangswerte für die Schleife zu speichern. $ erschossen ist die ID und der Konnektor, auf den wir gezielt zielen $ Kommentare enthält ein Array mit Daten zu jedem abgerufenen Kommentar.

Anschließend stellen wir uns einer einfachen if / else-Logik, die prüft, ob Kommentare abgerufen werden können. Wenn ja, schaffen wir eine andere foreach-Schleife um die Daten in eine Reihe von Absätzen innerhalb einer ungeordneten Liste zu extrahieren.Der gesamte HTML-Seitenbereich ist leicht umformbar und sollte auch für angehende Webentwickler nicht lange dauern.

Fazit

Dies ist eine kurze Einführung in die Entwicklung über PHP und Dribbles API. Das Netzwerk wächst ständig und bietet einige der besten Design-Arbeiten, die im Internet zu finden sind. Danke an Martin Bean und seine Repos von Github, um den Prozess zu beschleunigen.

Wenn Sie sich verlaufen haben, würde ich Ihnen empfehlen, einige PHP-Tutorials bei Google zu lesen. Es gibt Optionen für Anfänger, um in Klassen und objektorientierte Konstrukte einzutauchen. Ich würde auch unsere Liste von Video-Tutorials im Webdesign vorschlagen, die eine Kaskade von Themen einschließlich Markup und Projektentwicklung abdeckt.