# Capturar Dados de Página Web

Em outros artigos já aprendemos como fazer o robô acessar páginas da web e agora daremos um novo passo aprendendo a capturar informações da página para trabalhar com esses dados dentro do robô.

Esse aprendizado é imprescindível para viabilizar suas automações web.

#### O que você vai aprender:

* Acessar sites
* Resolver captchas
* Capturar listas de dados e mostrar numa caixa de mensagem

#### Utilizaremos os objetos:

1. [Abrir Navegador](https://docs.roboteasy.tech/studio/geral/objetos/internet/navegacao-padrao/abrir-navegador): para abrir um navegador e acessar um site
2. [Buscar Elementos](https://docs.roboteasy.tech/studio/geral/objetos/internet/navegacao-padrao/buscar-elementos): para capturar um campo de um formulário e preencher os dados de usuário e senha
3. [Resolver Captcha](https://docs.roboteasy.tech/studio/geral/objetos/internet/navegacao-padrao/resolver-captcha): para resolver o desafio do captcha de forma automática
4. [Fechar Navegador](https://docs.roboteasy.tech/studio/geral/objetos/internet/navegacao-padrao/fechar-navegador): para garantir que o navegador será finalizado no final do processo

> ✍️Vamos ao passo a passo!

## PASSO 1: Acessar o site

Utilizaremos o site da Sefaz homologação como exemplo para capturar os dados de uma NF sem valor fiscal.

Iniciaremos com o objeto Abrir Navegador e acessaremos o site: 

<https://hom.nfe.fazenda.gov.br/portal/consultaRecaptcha.aspx?tipoConsulta=resumo&tipoConteudo=7PhJ+gAVw2g=>

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2F81C88TbvNEpLhXyyZZ6Y%2Fimage.png?alt=media&#x26;token=b760d64e-38b8-44c3-931b-15fcaad1aa2a" alt=""><figcaption></figcaption></figure></div>

## PASSE 2: Preencher formulário e captcha

Precisamos localizar 2 XPaths nesta página, que são: campo para informar a chave de acesso e botão "Continuar".

```
Chave de acesso: /html/body/div[2]/form/div[3]/div[3]/div[3]/div[2]/div/div[1]/input
Botão Continuar: /html/body/div[2]/form/div[3]/div[3]/div[3]/div[2]/div/div[2]/div[3]/input[1]
```

**A)** Vamos utilizar o objeto "Buscar Elementos" para preencher a chave de acesso:

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FYol6AVt5TvffkNg9DNbq%2Fchave%20acesso.gif?alt=media&#x26;token=1cd80ddc-e176-4a80-a398-f7856c2fad5c" alt=""><figcaption></figcaption></figure></div>

**B)** Vamos agora resolver o captcha que existe na página da Sefaz e, para isso, utilizaremos o objeto "Resolver Captcha".

Existem vários tipos de captcha utilizados pelos sites e no momento de fazer sua automação precisará avaliar qual é o tipo para indicar à IDE. No nosso caso, resolveremos um do tipo hCaptcha.

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FpP3pugGB4FZAA5wtryf2%2Fcaptcha.gif?alt=media&#x26;token=8874167b-30ac-4e20-bb61-fcb0a2738ee9" alt=""><figcaption></figcaption></figure>

**C)** Por fim, utilizaremos o objeto "Buscar Elementos" novamente para clicar no botão "Continuar":

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FEOZxDCHNR0FICEVBltGg%2Fbotaocontinuar.gif?alt=media&#x26;token=7a1aded5-6967-4f98-95d6-1c917a33c507" alt=""><figcaption></figcaption></figure></div>

## PASSO 3: Capturar dados da página

Agora que já conseguimos consultar a nota fiscal, vamos capturar o valor total da NF.

Para isso, precisamos descobrir qual é o Xpath dessa informação na página web, para então utilizar o objeto "Buscar Elementos" e obter o valor.

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FvDmacHUT0QSouaJrDV5X%2Fxpath%20valor%20total.gif?alt=media&#x26;token=c66fed00-72ab-4f42-90f2-ffc51aff924a" alt=""><figcaption></figcaption></figure></div>

O XPath que utilizaremos é este:&#x20;

```
//*[@id="conteudoDinamico"]/div[3]/div[1]/table[1]/tbody/tr[2]/td[6]
```

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2Fz8uju6mRjkQF42YBY4sD%2Fbuscar%20elemento%20valor%20total.gif?alt=media&#x26;token=19e3c9ba-fdbd-4dc6-8144-79181acaf4f9" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**ATENÇÃO:** Perceba que dessa vez não selecionamos nenhuma opção em "Ações no elemento", porque não queremos que o robô faça nada além de capturar o dado.
{% endhint %}

Para mostrar o valor na tela, utilizamos o objeto "Caixa de Mensagem", mas você utilizar essa informação conforme a sua necessidade, inserindo em uma planilha de controle, por exemplo.

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FMiBrCt9wsxeUrz5Aqh9C%2Fimage.png?alt=media&#x26;token=9e614770-07fe-41d5-8e62-39663000da23" alt=""><figcaption></figcaption></figure></div>

E não se esqueça de utilizar o objeto "Fechar Navegador" para garantir que nenhuma instância fique presa consumindo memória desnecessária no computador.

## PASSO 4: A execução

Se tudo correu bem até aqui, esse deve ser o resultado da execução do nosso robô:

<div align="left"><figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FVYcoDKyZfUd9tw5of07R%2Fresultado.gif?alt=media&#x26;token=747f85a7-ddbd-49c5-bc17-8e9c9d0b617c" alt=""><figcaption></figcaption></figure></div>

## Conclusão

Aprendemos duas coisas interessantes nesse exercício: resolver um captcha e capturar um dado de uma página web. Tenho certeza que ambos são aprendizados importantes para os seus futuros robôs. Espero que tenha sido útil.

Até logo! :clap: