La problématique :

Cette semaine, nous allons nous pencher sur une API peu commune et plutôt sympa pour les wabmaster développeurs de sites web : page2image. Bien que son nom parle de luimême, est il utile de rappeler que ce service et là pour vous fournir une copie d'écran de votre site web ? Alors oui, j'entends les puriste me répondre "ok pour la copie d'écran mais quel navigateur ? quel version ? quel système d'exploitation ? Et je ne peux qu'être d'accord avec vous, puriste du web, mais cette API n'est pas là pour vous afficher le résultat d'une page web sur différents OS/Browser (il y a des systèmes dédiés à cette fonctionnalité comme http://browsershots.org/ ou encore https://www.browserling.com pour ne citer qu'eux). Ici l'API est juste pour sortir une copie d'écran faite sur un "navigateur moderne". Afin de ne pas vexer la susceptibilité de chacun, je ne vous founirai pas les dernier tests ACID)

Le service interrogé : page2image

Ce service ne porte-t-il pas bien som nom ? Créer une copie d'écran de ce qui est affiché à un navigateur. A quoi cela peut servir ? Et bien certain annuaires web, en référençant leurs entrées, affichent un mini copie d'écran du site. Stocké en local sur le serveur, vous comprendez vite qu'avec cette API, les copies d'écran peuvent être dynamiques et donc... à jour !

Lorsque j'ai migré mon site Aujourd'hui à Nancy sur une plateforme CMS, quelques ANNEES plutard, j'ai retrouvé dans les annuaires des copie d'écran datant... de presque 10 ans. Et cela s'explique car une fois référencé dans ll'annuaire, le screenshot du site n'est JAMAIS remis à jour. Et désormais, vous avez toutes les clefs pour refaire une mise à jour de vos screenshots régulièrement, voire dynamiquement !

Dernière petite remarque que je destine tout particulièrement aux webmasters, ce webservice vous renvoie l'URL de la copie d'écran. Sympa pour la passer directement dans <img src="/...">

Un point positif à mentionner car c'est relativement rare mais bien pratique. Une fois que vous avez votre compte de créé et que vous vous êtes identifié au service, et que votre clef API est générée, rendez vous dans la partie API Generator, code wizard ou identifiez vous et cliquez sur mon lien. Une formulaire vous permet de générer les lignes de code (qui se mettent ensuite dans un lien de type <a href) et vous aurez un formulaire vous permettannt de prédéfinir vos options, dans parcourir toute la doc. Merci qui ? Sébatien, bien sûr (oui j'entends d'autres choses de là.... ).

ATTENTION : pour pouvoir faire fonctionner ce service, j'ai dû choisir l'onglet REST API Hard qui m'a renvoyé un JSON dans lequel l'URL de l'image est mentionnée, qui elle est correcte. Les autres systèmes proposés, je n'ai pas réussi à les faire fonctionner

Le résultat

Je ne peux vous proposer ici l'intégralité des services de ce services, mais je ne peux que vous renvoyer sur la documentation en anglais que je trouve claire (vous savez désormais que j'attache personnellement une grande importance à la documentation).