Développer sur l'API Dribbble avec PHP

Dribbble est l'application de création de réseaux qui révolutionne la révolution numérique. Cette collection de créatifs propose des images ou des "prises de vues" de leurs dernières œuvres et partage les critiques avec le reste de la communauté. C'est un excellent environnement d'apprentissage pour les concepteurs Web, les illustrateurs et les fabricants d'icônes.

La communauté a été planifiée de manière complexe et ouverte avec une API. Cela signifie Interface de programmation d'application et élargirait considérablement le champ de l'adaptation à quiconque peut comprendre le cadre.

Dans ce bref tutoriel, nous allons passer en revue quelques concepts de base pour le développement via l'API Dribbble. Nous allons nous concentrer sur PHP en tant que langage de programmation principal. Cela tient au fait que PHP est pris en charge dans presque tous les environnements et qu’il offre une très petite courbe d’apprentissage aux développeurs débutants.

Examiner l'API

En vérité, ce n'est pas un spectacle difficile à vivre. En fait, la documentation officielle de Dribbble offre d'excellentes constructions dans le puissant réseau de plans.

Lors de la préparation de ce type de projet, il est essentiel de prendre en compte un wrapper ou une bibliothèque. Cela nous fait gagner beaucoup de temps, car nous n'avons pas besoin de recréer les fonctionnalités les plus courantes de l'API. Les différentes bibliothèques disponibles au public via GitHub C’est une autre raison pour laquelle PHP est un excellent choix pour le langage de développement backend.

Pour notre exemple, nous pouvons parcourir l’emballage Dribbble de Martin Bean pour trouver exactement ce que nous essayons de faire. Vous devez télécharger la version la plus récente et extraire tous les fichiers dans un répertoire ouvert. À l'intérieur, vous trouverez deux dossiers exemples et src. Ce peut être simple mais? Exemples? contiendra quelques implémentations courantes pour les appels de fonction pendant que? src? inclut tous les fichiers dont nous avons besoin pour un nouveau projet.

Travailler avec notre PHP Wrapper

Maintenant que tout est réglé, nous devrions créer notre répertoire d'application. À ce stade, vous souhaiterez créer un nouveau répertoire de projet sur une version d'Apache installée localement ou sur un serveur Web distant.

WAMP et MAMP sont encore aujourd'hui les meilleures options pour les packages d'installation tout-en-un. Ceux-ci incluent Apache en tant que serveur Web avec le support PHP / MySQL pour les fonctionnalités d’arrière-plan. Une fois installé, vous travaillerez dans un répertoire www racine qui devrait contenir tous les fichiers de votre serveur.

J'ai créé un nouveau dossier intitulé? Dribble1? et déplacé l'ensemble? src? dossier dans cela. Aussi à l'intérieur de notre? Dribble1? dossier j'ai créé un nouveau fichier index.php que nous pouvons utiliser pour stocker tout notre exemple de code. Vous pouvez structurer votre hiérarchie comme vous le souhaitez, assurez-vous simplement que tous les fichiers src sont conservés ensemble et accessibles depuis votre projet.

Y compris les en-têtes

Tout en haut de votre nouveau fichier index.php, il est important d'inclure les bits de code suivants. Ceux-ci sont utilisés pour créer une connexion dans le paquetage que nous avons téléchargé.

Ci-dessus, nous avons d’abord besoin du fichier de base de données dribbble de la source de notre encapsuleur. Ensuite, nous déclarons un $ dribbble variable et définir cela à une nouvelle instance de notre classe dribbble. Ceci est juste une base de programmation orientée objet en PHP, des constructions très basiques. Ne vous inquiétez pas trop si vous ne comprenez pas la syntaxe utilisée.

Une fois que cela est inclus, nous pouvons manipuler presque n'importe quelle zone du site à volonté. Il existe de nombreuses fonctions prédéfinies écrites qui nous permettent d'extraire des commentaires, des utilisateurs, des plans et des tonnes d'autres données.

Comme exemple de base, examinons le flux d'un seul utilisateur. C'est peut-être la technique la plus demandée et ne nécessite pas beaucoup de code. L'inclusion de vos plus récents clichés Dribbble dans la page de votre portefeuille offre un niveau de professionnalisme incomparable avec Twitter.

Tirer des données utilisateur unique

Le code ci-dessous est un exemple extrayant des données d'un exemple d'utilisateur. Dans ce cas, nous travaillons avec alexanderustinov qui crée de nombreux jeux d’icônes et interfaces utilisateur.

<ul> joueur-> trouver ('alexanderustinov'); $ shots = $ player-> shots (array ('per_page' => 5)); foreach ($ shots-> coups comme $ shot) {echo sprintf ('<li><img src="//lesptitesaffairesdemayl.be/img/images_1/developing-over-the-dribbble-api-with-php_4.jpg"> <p>Ci-dessus, nous parcourons chaque entrée de tir trouvée pour le nom d'utilisateur donné. La seule raison pour laquelle nous pouvons rapidement les parcourir est la classe wrapper que nous avons incluse précédemment dans notre page. Nous avons mis le <em>par page</em> variable à 5, ce qui signifie qu'une fois que nous avons atteint 5 tirs, nous ne voulons plus en extraire de la base de données. Ce nombre pourrait être mis à jour à n'importe quelle valeur que vous souhaitez.</p> <h2>Affichage des commentaires sur la page</h2> <p>Peu connus des personnes extérieures à la communauté, de nombreux clichés populaires de Dribbble ont des réactions constructives et des commentaires de page intéressants. C'est l'une des meilleures façons pour les concepteurs de partager leurs idées et leurs critiques de manière agréable.</p> <p>Le code suivant pourrait également être placé n'importe où dans votre <code>index.php</code> fichier sous le wrapper include. Il extraira les commentaires d'un ID de tir généré et affichera 5 à partir de la première page.</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 -> dit: corps;?> var13 -></p> </li> </ul> <p>Oups! Aucun commentaire trouvé ici, c'est sûr, c'est calme? </p>

le $ shot et $ commentaires les variables sont utilisées pour conserver les valeurs initiales de la boucle. $ shot est l'ID et le connecteur dans lequel tir spécifique que nous ciblons, tandis que $ commentaires contient un tableau contenant des données sur chaque commentaire extrait.

Ensuite, nous nous heurtons à une logique simple si / else vérifiant si des commentaires peuvent être retirés. Si oui, nous créons un autre boucle foreach extraire les données dans un ensemble de paragraphes à l’intérieur d’une liste non ordonnée.Toute la page HTML est facilement malléable et ne devrait pas prendre longtemps, même pour les développeurs Web débutants.

Conclusion

Cela a été une brève introduction au développement via PHP et les API de Dribble. Le réseau est en croissance constante et présente certains des meilleurs travaux de conception disponibles sur le Web. Merci à Martin Bean et à son dépôt Github pour accélérer le processus.

Si vous êtes perdu, je vous recommande de consulter quelques tutoriels PHP sur Google. Les débutants ont la possibilité de plonger dans les classes et les constructions orientées objet. Je suggérerais également notre liste de didacticiels vidéo en conception de sites Web, qui couvre une cascade de sujets, notamment le balisage et le développement de projets.