Capture d’écran web facile et instantanée via le CDN Transloadit
Dans l’article de blog d’aujourd’hui, nous allons jeter un rapide coup d’œil à notre CDN Transloadit et au Robot /html/convert. Nous utiliserons une expression de type Assembly Variable pour décoder une URL fournie dans le chemin de la requête, puis nous servirons la capture d’écran via le CDN.
Nous allons créer un petit Template pour réaliser une capture d’écran d’un site web, qui pourra ensuite être modifiée dynamiquement et présentée à l’utilisateur en quelques secondes. C’est parti !
Notre Template
{
"steps": {
"screenshot_page": {
"robot": "/html/convert",
"format": "png",
"fullpage": false,
"delay": 100,
"url": "${decodeURIComponent(fields.input)}"
},
"served": {
"use": "screenshot_page",
"robot": "/file/serve"
}
}
}
C’est tout ce dont nous avons besoin dans notre Template pour
pouvoir prévisualiser un site web. Notre premier Step
screenshot_page réalisera une capture d’écran de n’importe quelle URL que nous lui
fournissons.
L’expression decodeURIComponent(fields.input) décode l’URL fournie dans le chemin de la requête ;
il s’agit d’une expression de type Assembly Variable,
et non d’un Robot /script/run distinct. En
substance, nous transformons https%3A%2F%2Ftransloadit.com%2Fpricing%2F en
https://transloadit.com/pricing/.
Ensuite, nous utilisons le Robot /file/serve pour envoyer l’aperçu du site web sur notre CDN, ce qui permet d’accéder au résultat depuis le monde entier en un clin d’œil.
Démo
Saisissez une URL HTTP ou HTTPS publique et envoyez le formulaire pour demander une capture d’écran. Les sites qui exigent une authentification ou bloquent les navigateurs automatisés peuvent ne pas produire d’aperçu exploitable. Les résultats sont mis en cache : si la génération d’une URL prend quelques secondes à la première tentative, la deuxième tentative peut être servie depuis le cache. La latence réelle dépend du site cible, du réseau et de l’état du cache.
C’est tout pour ce petit article de blog ! J’espère que ce rapide aperçu de l’utilisation du CDN Transloadit vous a plu. N’hésitez pas à expérimenter avec le Template et à ajouter vos propres paramètres.