cover

Intro a Puppeteer

author photo

Héctorbliss

@blissito

Esta es una introducción práctica a Puppeteer. Ya sea que lo necesites para construir la base de datos de tu nuevo proyecto o para que un agente AI lo use, este tutorial te va a caer de perlas.

Primero, lo primero: ¿qué es Puppeteer?

Es una herramienta para controlar los navegadores Chrome o Firefox a través de el protocolo DevTools. Se le conoce como navegadores headless porque se trabaja vía código, sin UI visible en absoluto (aunque se puede activar como en nuestro siguiente ejemplo). 🤯 También se le conoce como herramienta de "scraping" o "crawling". 🕷️

Se instala re-fácil

Claro, vamos a usar npm para instalar.

Esta instalación descargará Chrome también. Podríamos omitir la descarga de Chrome con esta otra instalación:

Aunque para nuestro ejemplo usaremos la primera instalación. 🦚

Hagamos el ejemplo más simple

Creamos un archivo .js para colocar nuestro código y luego ejecutarlo con node.

Para este ejemplo simple, he lanzado el navegador como headless:false, lo que me permite mirar lo que hace el robot. 🤖

También he agregado una función delay para esperar un poco. 🕧

Ya nomás te falta correrlo, ejecuta tu archivo .js usando node:

👀 Si no tienes instalado node.js en tu compu, checa este video.


🎬 ¿Te está gustando este contenido? Tenemos más tutoriales en video en nuestro canal de YouTube. Suscríbete aquí para no perderte ninguno.


Puppeteer es una herramienta fácil de usar y muy potente, con una gran comunidad 100% open-source

¿Apoco no está re fácil? Dominar esta herramienta te puede abrir puertas a las automatizaciones del futuro cercano que los agentes de AI necesitarán, no dejes de echarle un ojo a sus docs oficiales. 📘

Abrazo. Bliss. 🤓

Enlaces relacionados

Fixtergeek blog

Aprende React Router

Instala NodeJS: Video

Devtools Protocol

meta cover

Todo Mundo Habla de TailwindCSS. Pero, ¿qué Es Tailwind?

Checa este otro Post

meta cover

La oportunidad que nadie está viendo: consultoría técnica de LLMs

Checa este otro Post

¡Nuevo curso!

Animaciones web con React + Motion 🧙🏻