1
resposta

Abrir endereço de web pelo Electron

Boa tarte, Estou desenvolvendo um projeto utilizando Electron e precisava adicionar um link para abrir uma pagina. Porém já tentei de várias formas e toda vez que adiciono um "<a href="endereço_da_pagina" target="_blank">Link</a>", ele abre a pagina dentro de uma janela Electron. Precisava que ele abrisse a pagina no navegador externo (independente do navegador que usuário tenha no sistema). Alguém saberia me dar uma dica de como resolver essa situação?

1 resposta

Oi, tudo bem?

Desculpe a demora em retornar.

Agradeço por compartilhar sua dúvida conosco. Compreendo que você esteja desenvolvendo um projeto utilizando o Electron e esteja enfrentando dificuldades para abrir um link em um navegador externo, em vez de abri-lo dentro da janela do Electron. Fico feliz em ajudá-lo a resolver essa situação.

Para abrir um link no navegador externo por meio do Electron, você pode utilizar o módulo shell fornecido pelo próprio Electron. Esse módulo permite que você acesse funcionalidades do sistema operacional, como abrir URLs externas em um navegador padrão.

Aqui está um exemplo de como você pode usar o módulo shell para abrir um link no navegador externo:

const { shell } = require('electron');

// Função para abrir um link no navegador externo
function abrirLinkExterno(link) {
  shell.openExternal(link);
}

// Exemplo de uso
abrirLinkExterno('https://www.exemplo.com');

No código acima, importamos o módulo shell do Electron e definimos uma função chamada abrirLinkExterno que recebe um parâmetro link contendo a URL que você deseja abrir. A função shell.openExternal é então utilizada para abrir o link no navegador externo.

Ao executar essa função com a URL desejada, o Electron irá redirecionar a requisição para o navegador padrão do sistema operacional, permitindo que a página seja aberta fora da janela do Electron.

Tenha em mente que é importante verificar se o módulo shell está sendo corretamente importado no seu código e se a versão do Electron que você está utilizando possui suporte para esse módulo. Certifique-se também de que todas as dependências estejam devidamente instaladas.

Caso você esteja adicionando o link em algum elemento HTML da sua aplicação, como um botão, por exemplo, você pode utilizar o atributo onclick para chamar a função abrirLinkExterno quando o elemento for clicado. Veja um exemplo:

<button onclick="abrirLinkExterno('https://www.exemplo.com')">Abrir link externo</button>

Dessa forma, ao clicar no botão, a função abrirLinkExterno será chamada e o link será aberto no navegador externo.

Além disso, lembre-se de que o Electron oferece suporte para personalização da janela, permitindo que você defina opções específicas, como a remoção da barra de menu, tamanho da janela, entre outros. Caso você esteja encontrando dificuldades com o redimensionamento da janela ao abrir o link externo, pode ser necessário ajustar as configurações da janela utilizando as opções disponíveis no Electron.

Espero que essas informações sejam úteis para resolver o problema que você está enfrentando.

Um abraço e bons estudos.