L'intermédiaire

Encore une API, me direz-vous ? Eh oui, je ne me lasse pas de ces bases de données en ligne. Ici, je cherchais un outil capable de réaliser une capture d’écran de plusieurs sites web me permettant de montrer différents projets réalisés.

Toujours en recherche d’une nouvelle opportunité, je cherche à sélectionner des projets et à en ressortir une carte d’identité de ces derniers. Dans ce contexte, l’outil me paraissait tout indiqué. Je vous explique les choix réalisés et comment les intégrer.

Une API de capture d’écran ?

Il en existe évidemment plusieurs. Parmi elles, voilà une liste des outils & services en ligne gratuits que j’ai pu recenser et tester.

https://ScreenshotAPI.net
Alternative correcte, assez récente.

https://Microlink.io
En plus du screenshot, peut extraire des métadonnées (titre, description, etc. / ce que je recherche)

https://Urlbox.com
Très complet, bonne qualité de rendu, prend aussi des vidéos/scroll captures, mais avec inscription.

https://apiflash.com/
Simple d’usage, basé sur Chrome headless, mais avec inscription.

Je vous rassure, je n’ai pas testé l’ensemble des outils, mais je les ai parcourus dans leur ensemble et je m’attarderai ici sur les services qui ne demandent pas de s’inscrire obligatoirement pour les tester.

Avec ScreenshotAPI.net, vous pouvez tester l’outil en ligne, et ce, avec la possibilité d’avoir un rendu sur tablette et téléphone sous format PNG, JPEG, WeBP ou PDF. Le site propose également des exemples de codes dans différents langages afin de les intégrer facilement à votre projet. Mais vous devrez vous inscrire pour obtenir une clé API et l’installer sur votre site.

L’inscription vous donne ensuite accès à une plateforme qui vous permettra de gérer vos screenshots et de les tester. Bien sûr, vous aurez droit à plus d’options si vous passez à la version payante, avec par exemple la possibilité d’extraire des scrennshorts sous format vidéo avec la navigation au scroll du projet ou pour dépasser la limite convenue des requêtes…

Et elles fonctionnent un peu toute dans le même ordre d’idées. Dans le même ordre d’idée, capturedeck (Urlbox) est vraiment super. Vous avez droit à réaliser des dossier avec 10 sites à analyser. En échange d’une adresse email, vous avez droit à un outil très complet : screenshots, Meta descriptions, analyse du texte et j’en passe. Je n’ai pas en revanche testé l’API s’il y en a une, c’est sans doute à faire. J’ai plutôt opté pour Microlink, qui me proposait directement de passer par l’API. C’est le point suivant.

Microlink

Avec Microlink.io, vous obtenez toutes les infos de l’URL sélectionnée sous format JSON, telle une vraie API. Vous pouvez ensuite les travailler avec le langage que vous aurez choisi. C’est l’outil que j’ai choisi dans mon cas. Vous trouverez un exemple de code sur Github ici. Et une page Github pour vous montrer ce que cela donne :

https://projetsmerlin.github.io/Requin/

Capture d’écran de plusieurs site web : conclusion

Attention cependant au service gratuit. En effet, ce dernier est toujours limité aux appels API et aux requêtes. Vous obtiendrez vite une réponse 403. En revanche, vous pourrez au fur et à mesure enregistrer les images de vos screenshots pour montrer vos projets par exemple. C’est aussi via une API comme celle-là que vous allez pouvoir vérifier vos métas descriptions.

En attendant, je vous laisse un dépôt que vous pouvez vous-même adapter.
Il suffit de renseigner vos URLs dans le code Javascript du projet (vous ne pourrez pas les manquer).

Bon code, et bonne rentrée à tous pour ceux qui redémarre l’année en ce mois de septembre !