Primero
necesitamos tener:
Paso 1.- Una vez que tengamos NPM en nuestra maquina, vamos inicio
para buscar cmd (A) y despues
abrimos el cmd.exe (B). (Imagen 1)
Imagen 1 || Fuente: Luis
Fernández
Paso 2.- Despues ejecutamos el comando npm i puppeteer y
esperamos que termine la descarga de los paquetes del programa. Imagen
2
Nota: Chronium se descarga junto con la paqueteria de
puppeteer.
Imagen 2 || Fuente: Luis Fernández
NOTA.- Es posible que salgan Warnings, los mostrados
en la Imagen 3 no afectan al funcionamiento de nuestro ejemplo.
A este punto ya tenemos instalado puppeteer. Los
siguientes pasos van a ser para revisar que un script básico se ejecute
adecuadamente.
Paso 3.- Creamos una carpeta con el nombre de puppAuto en el folder de
tu elección. (Imagen 4)
Imagen 4 || Fuente: Luis Fernández
Paso 4.- Dentro del folder puppAuto creamos el archivo print.js
(Imagen
5)
Imagen 5 || Fuente: Luis Fernández
Paso 5.- Editamos el archivo print.js y pegamos el siguiente
código y guardamos el archivo. Ejemplo Imagen 6.
const puppeteer
= require('puppeteer');
//Set Global
Variables
var strUrl =
'http://google.com/';
//Start Flow
(async () =>
{
const browser = await puppeteer.launch({headless:
true});
const page = await browser.newPage();
await page.goto(strUrl);
//Redireccionar a la pag.
await
page.screenshot({path: 'example.png'}); //Guardar screenshot de la pag.
console.log("Completed "); //Imprimir en consola al finalizar.
await
browser.close(); //Cerrar el navegador
})();
Paso 6.- En
nuestra terminal nos posicionamos en la
carpeta donde se encuentra el archivo de print.js, escribiendo cd
C:\Users\Raknarrok\Documents\GitHub\puppAuto (A). Una vez que estamos en el folder indicado ejecutamos el
comando node print.js (B) como se muestra en la Imagen 7.
Imagen 7 || Fuente: Luis Fernández
Despues de unos minutos de que ejecutamos el
comando npm print.js se mostrara en consola el mensaje de “Completed”
como se muestra en la Imagen 8.
Imagen 8 || Fuente: Luis Fernández
De la misma manera un screenshot se agregara a
nuestro folder de puppAuto con el nombre de example.png como
se muestra en la Imagen 9.
Imagen 9 || Fuente: Luis
Fernández
Con esto comprobamos que esta instalado correctamente el puppeteer
en nuestra maquina y funciona de manera correcta.
Para descargar el formato digital de este material da click aqui
Email: fernandez.rocha.luis.eduardo@gmail.com
