Login do LinkedIn

Este tutorial ensinará a você quem automatizar o login do LinkedIn. Este tutorial pode ser usado como base para outros projetos de automação no LinkedIn.

Preparando seu roteiro

Primeiramente vamos criar nossa estrutura de automação na pasta <MARVIN_HOME>\script.

Como vamos criar essa automação usando visão computacional, vamos criar a pasta assets, para salvar nossas imagens de template.

linkedin\
    assets\
    script.mvn

No Windows Explorer, vá para a pasta <MARVIN_HOME>\script - normalmente na instalação padrão MARVIN_HOME é definido como C:\Program Files\Marvin - e crie uma nova pasta chamada linkedin.

Script de Automação

Abra a página do LinkedIn

Agora podemos começar com nossa automação pelo LinkedIn.

Primeiro de tudo, vamos abrir o LinkedIn no navegador Chrome. Para fazer isso, vamos adicionar este código dentro do nosso arquivo script.mvn.

chrome.open('https://www.linkedin.com') # Abra o LinkedIn

Agora vamos iniciar nossa automação, executando o script linkedin. Para obter mais informações sobre como executar um script, consulte Running Scripts em Getting Started.

Esse script abrirá uma nova instância do Chrome Incognito e redirecionará automaticamente para a tela de login do LinkedIn.

Login do LinkedIn

Agora, é hora de automatizar o processo de login do LinkedIn.

Antes de mais nada, vamos dar uma olhada no formulário de login do LinkedIn:

Podemos identificar 3 elementos-chave diferentes para trabalhar:

• Campo de e-mail ou número de telefone
• Campo de senha
• Botão Entrar

Para fins de tutorial, misturaremos duas maneiras diferentes de navegar por esses 3 elementos, Visão Computacional e Teclado.

E-mail ou número de telefone Campo:

Para clicar neste campo vamos selecionar Visão Computacional, então precisamos salvar um template deste campo, nomeá-lo como login-field.png, e salvar na pasta assets

Abaixo um exemplo da imagem do template login-field.png:

Não é necessário obter o campo inteiro para o Marvin entender onde deve clicar, apenas uma parte do campo é suficiente para o Marvin.

E como ação usaremos mouse.click_image. Com esta ação, Marvin encontrará o modelo na tela e clicará em seu centro.

Campo de senha:

Para o campo de senha, usaremos navegação pelo teclado, pressionando a tecla TAB. Ao pressionar a tecla tab, o cursor mudará do campo "E-mail ou número de telefone" para o campo "Senha", para que possamos digitar nossa senha.

Para pressionar a tecla TAB usaremos a ação keyboard.press para indicar ao Marvin qual tecla deve ser pressionada.

Botão de login

Para o botão Entrar, usaremos visão computacional mais uma vez. Então precisamos pegar outro template, agora no botão Sign In, e salvá-lo em nossa pasta assets, chamada signin-button.png.

Abaixo um exemplo da imagem do template signin-button.png:

Juntando tudo

Agora que definimos todas as estratégias de acesso aos campos, é hora de juntar tudo.

Vamos adicionar algumas novas linhas ao nosso arquivo script.mvn.

chrome.open('https://www.linkedin.com')

mouse.click_image('login-field.png') # Clique no campo "E-mail ou telefone"
keyboard.type_text('[email protected]') # Digite o e-mail do usuário para login
keyboard.press('tab') # Pressione o botão TAB
keyboard.type_text('Password@2022') # Digite a senha do usuário
mouse.click_image('signin-button.png') # Clique no botão "Entrar"

Linha 3: comando para clicar no campo "E-mail ou número de telefone", com base no modelo de imagem

Linha 4: conforme o cursor estiver configurado para o campo correto, Marvin digitará o texto [email protected], como login

Linha 5: para mover o cursor do campo de login para o de senha, Marvin pressionará a tecla TAB

Linha 6: novamente Marvin digitará um texto, mas desta vez Password@2022 como senha

Linha 7: Marvin clicará no botão "Fazer login", fornecido como modelo

Script em execução

Executando essa automação, agora podemos acessar o LinkedIn na área logada, conforme imagem abaixo: