Capturas web fáciles e instantáneas con la CDN de Transloadit
En el blog de hoy, echaremos un vistazo rápido a nuestra CDN de Transloadit y al Robot /html/convert. Usaremos una expresión de Assembly Variable para decodificar una URL proporcionada en la ruta de la solicitud y luego entregaremos la captura de pantalla a través de la CDN.
Vamos a crear un pequeño Template para tomar una captura de pantalla de un sitio web, que luego se puede modificar dinámicamente y presentar al usuario en cuestión de segundos. ¡Manos a la obra!
Nuestro Template
{
"steps": {
"screenshot_page": {
"robot": "/html/convert",
"format": "png",
"fullpage": false,
"delay": 100,
"url": "${decodeURIComponent(fields.input)}"
},
"served": {
"use": "screenshot_page",
"robot": "/file/serve"
}
}
}
Esto es todo lo que necesitamos en nuestro Template para
poder previsualizar un sitio web. Nuestro primer
Step screenshot_page tomará una captura
de pantalla de cualquier URL que le proporcionemos.
La expresión decodeURIComponent(fields.input) decodifica la URL proporcionada en la ruta de la
solicitud; es una expresión de Assembly Variable, no
un Robot /script/run aparte. En esencia,
transformamos https%3A%2F%2Ftransloadit.com%2Fpricing%2F en
https://transloadit.com/pricing/.
A continuación, usamos el Robot /file/serve para subir la vista previa del sitio web a nuestra CDN, lo que permite acceder al resultado desde todo el mundo en un abrir y cerrar de ojos.
Demostración
Introduce una URL pública HTTP o HTTPS y envía el formulario para solicitar una captura de pantalla. Los sitios que requieren autenticación o que bloquean a los navegadores automatizados podrían no generar una vista previa utilizable. Los resultados se almacenan en caché, así que si en el primer intento tarda unos segundos en generar una URL, el segundo intento se puede servir desde la caché. La latencia real depende del sitio de destino, la red y el estado de la caché.
¡Eso es todo por nuestro pequeño blog de hoy! Espero que hayas disfrutado de este vistazo rápido al uso de la CDN de Transloadit. Siéntete libre de experimentar con el Template y añadir tus propios parámetros.