C'est après plusieurs semaines de recherche d'analyse et de lecture des différentes API, à propos de site internet de photographie Instagram, que j'ai enfin réussi à faire ce que je souhaitais, ou persque, méthode que je vais vous partager ici. ATTENTION : le voulais récupérer des photo en automatique mais je me suis heurté à un probleme humain : quelle photographies choisir ? Du coup, dans cet exemple, ce sera l'intégration de photos choisies une à une.

Sur mon site internet de mon agenda culturel , je ressence régulièrement des événements ayant trait la culture, chacun d'entre eux pouvant être agrémenté d'une ou plusieurs photos, afin d'illustrer les propos sur l'événement culturel. proposé. Parallèlement, avec la montée en puissance des réseaux sociaux, affin d'illustrer les événement que nous devons recenser, les organisateur et surtout artistes en relation avec le graphisme, nous envoient dans le communiqué de presse, un lien vers Instagram.

Ma problématique était la suivante : Instagram ne propose pas forcément d'API permettant de lister un ensemble d'illustrations, pouvant être associé à un événement culturel. De plus, comment mettre en relation es images entre elles afin d'en farie une galerie ? Il faut donc "picorer" dans l'ensemble des galeries ou des images uniques des artistes, pour pouvoir afficher une ou plusieurs photos en relation avec le sujet traité. C'est sur quoi j'ai travaillé aujourd'hui, et ai trouvé une solution afin de pouvoir générer une galerie photos, c'est-à-dire un ensemble de plusieurs photographies retournées par Instagram, Les retours sont en fait l'ensembles de informations "embed" du site de photographie Instagram, récupérés à partir des références. Pour contourner ma problématique, je demande aux utilisateurs de sélectionner même chacune des photos à afficher, ou une galerie si l'utilisateur en a déjà fait une sur Instagram.

A savoir : au niveau Instagram, que ce soit une photographie ou une galerie, Instagram considère que c'est la même chose. En d'autres termes, pour Instagram, une référence concerne toujours une galerie photos, celle-ci pouvant contenir une ou plusieurs photographies. Ce qui peut aussi se traduire ainsi : Il n'y a qu'une seule référence pour une publication, peu importe si cette publication possède une ou plusieurs images.

Parmi les (autres) choses à connaître, il faut aussi savoir qu'une photo sur Instagram possède deux types de références pour la même photo : la référence courte et la référence longue. Dans la documentation de l'API d'Instagram, il est bien stipulé qu'il faut toujours utiliser la référence courte.

Maintenant que nous avons toutes les compétences pour travailler, voici ce que j'ai fait. Mon petit programme prend en paramètre l'ensemble des références courtes de chacune des photos/galeries d'Instagram que vous souhaitez afficher sur votre site. Comme tes références vont être passées dans l'URL, afin de pouvoir les detecter les vidéos, elles sont concaténées avec un point-virgule (ce choix est tout à fait arbitraire, j'aurais pu prendre un autre caractère). Ainsi, je vais pouvoir récupérer cette chaîne de références des photo sous la forme : ref=CBD7I03CBBu;CA0wGqsp4ml;B_-WcOgC57L.

A l'aide de la commande d'explosion de chaîne (explode) sur un caractère (ici le point-virgule), nous allons transformer cette chaîne dans un tableau de références. Pour chacune des références de ce tableau, je récupère le contenu sur Instagram de cette référence, celle-ci m'étant renvoyée au format JSON. Je la decode afin d'en extraire son contenu, pour pouvoir, dans le résultat issu du décodage, en extraire le code html à afficher.

Il ne vous reste plus qu'à intégrer ces images soit en brut dans une balise <IMG SRC="">, soit au travers d'une galerie d'images de votre choix (il en existe des tonnes en JQuery), afin de personnaliser l'ensemble des photos extraites d'Instagram que vous souhaitez d'afficher sur votre site.

Notez au passage que l'API d'instagram stipule bien qu'aucune identification n'est necessaire, il n'y en a donc aucune dans mon fichier, ce qui explique pourquoi vous pouvez le télécharger ici.