fundo
Dê o primeiro passo para começar a criar uma automação usando javascript.

Para essa automação usarei uma lib que já mencionei aqui antes. Estamos falando da lib “puppeteer”. Não vamos entrar nesse mérito agora, pois já falamos dela aqui antes. Então se você quiser saber um pouco mais pode clicar aqui. 

Para iniciar usaremos os comandos:

npm init -y 

depois: 

npm i puppeteer 

Agora que instalamos iremos criar um arquivo example.js para usar de exemplo: 

Agora vamos abrir nosso arquivo e digitar:

Linha 1: 

iremos importar o puppeteer usando require (commonJs). 

Linha 3: 

Como queremos facilitar sua vida iremos usar uma IIFE para executar nosso script sem que 

precisemos invocar ou nomear a função quando formos executar nosso script. 

Se você não sabe o que é uma IIFE no final do post iremos te explicar do que se trata. 

Linha 4 (quatro):

iremos criar a constante browser que vai ser responsável por fazer nosso browser iniciar através do método launch(), que irá receber um objeto como parâmetro e um valor “headless: false”. Fazendo isso você está dizendo para o puppeteer que quer ver ele executando todas as tarefas. Mas o que acontece se você não passar como parâmetro em launch()? Ele irá executar tudo mas você não verá ele  executando as ações no browser. 

Linha 5: 

Vamos criar a constante que será nossa página. Dentro dela iremos usar a constante browser que está nos retornando um objeto como o método newPage(). Que cria uma nova guia no nosso navegador. Agora vamos dizer qual link que essa página irá, veja no próximo tópico:

Linha 6:

Usamos goto() e indicamos no primeiro parâmetro a url para onde nossa página irá. 

Linha 7:

Como não queremos que esse tutorial não fique tão extenso, usaremos o método screenshot() para tirar print da tela do site que mandamos o puppeteer ir. E como parâmetro passaremos um objeto com um path: “nomeDoSeuArquivo.png” 

Linha 9:

Agora que terminamos tudo, temos que dizer ao puppeteer para fechar o browser. Digite: 

browser.close(); 

Como eu vou iniciar um projeto pessoal a partir desse tutorial, vou editar meu package.json adicionando um start:

Mas você pode apenas digitar “node example.js" no terminal que funciona do mesmo jeito. Agora vamos ver o que ele cuspiu pra gente: 

Opa! temos um arquivo novo ali hein, um arquivo png, vamos ver do que se trata:

Fácil não é mesmo? Bom, esse é apenas um dos poderes do puppeteer. Com puppeteer você pode criar bots para instagram, fazer web scraping e muitas coisas. Inclusive, eu postei umas ideias de como ganhar dinheiro no nosso instagram onde você pode unir essas ideias com o poder do puppeteer, confira clicando [aqui]. 

Lembra que falamos que iríamos te explicar o que são IIFE? Clique [aqui] e veja ;).

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *