Este proyecto se basa en realizar un scraping a la página web 'https://www.bible.com/es/verse-of-the-day'. la cual genera una imagen diaria con un versículo bíblico. de hecho, por día se generan varias opciones para un mismo versículo.
La idea fundamental es poder obtener las imágenes que se generan diariamente y sus diferentes variaciones en la más alta resolución posible (1280x1280)
- la imagen en la página es de (320px, 640px) es necesario encontrar la fuente.
- La página no admite handlerLess o extracción por request.
- Ingresar en la página (Usando PuppeteerJS)
- Ubicar las imágenes
- Extraer la fuente
- Descargar la imagen localmente
El uso es muy simple solo clonar
, instalar
y ejecutar
. una vez que lo ejecutes se inicializara el navegador (PuppeteerJS) y obtendrá las imágenes para ti.
Estas se almacenan en la carpeta /assets
con la fecha actual y el código de la imagen.
git clone https://github.com/jasp402/Daily-biblical-image-generator.git
npm install
npm start
He escrito este articulo para describir paso a paso como fue desarrollado.
Lo primero es ver cómo llega la imagen. si esta esta almacenada directamente en la página o proviene de otro servicio. para ello vamos a inspeccionar el elemento. Y esto es más o menos con lo que nos encontramos. la imagen actual tiene una resolución de 420x640 incluso algunas varían. También podemos apreciar que las imágenes están en otro servidor y que son públicas. pero notamos que tienen un código que cambia todos los días…
leer más...
Interesado en contribuir con mis proyectos, puedes invitar me un café
buymeacoffee.com/Wjton2s