Mecanismo de busca personalizada do Google com Electron

Olá, hoje faremos um aplicativo simples, que tem como objetivo realizar busca personalizada no Google, e para isso usaremos Electron.

Criando busca

Acesse https://cse.google.com.br/cse/ e gere o código da busca.

Estrutura do aplicativo

Deixe a estrutura de pastas e arquivos do seu projeto assim:

O index.html será nossa página inicial, o main.js será o arquivo principal da aplicação, que irá conter o código JavaScript de inicialização do Electron.

package.json

Este é o arquivo de configuração da aplicação, que contém dados como nome, autor, dependências, versão, etc.

Agora abra o terminal, e execute o seguinte comando no diretório de seu projeto:

main.js

É o arquivo que irá executar e carregar o arquivo HTML para ele. Este arquivo HTML deve ser o ponto de entrada da sua aplicação, neste caso, será o código de pesquisa personalizada do Google.

Esta é a estrutura básica de uma aplicação desktop com Electron, veja que na linha 20 são definidas as dimensões da aplicação e na linha 22 e passado ponto de partida que é o arquivo HTML.

index.html

É aqui que você irá copiar o código gerado pela ferramenta do Google, veja:

Executando a aplicação

Para executar a aplicação basta rodar o código a seguir no terminal:

Será aberta uma janela com a caixa de pesquisa do Google.

Download do código

Baixe todo o código Aqui


Documentação do Eletron

Built on electron

Sobre o autor:

Graduado em Análise e Desenvolvimento de Sistemas - FLS; Desenvolvedor Full-stack na UniLeão; Revisor de conteúdo do site Clube dos Geeks, católico, gosto de ler e escrever.

Postagens relacionadas:

Uma resposta

Deixe uma resposta

Seu e-mail não será publicado.