Como funciona o elétron

Electron pega um arquivo principal definido em seu arquivo package.json e o executa. Este arquivo principal cria janelas de aplicativos que contêm páginas da web renderizadas e interação com a GUI (interface gráfica do usuário) nativa do seu sistema operacional.

Ao iniciar um aplicativo usando Electron, um main processé criado. Este processo principal é responsável por interagir com a GUI nativa do sistema operacional. Ele cria a GUI de seu aplicativo.

Apenas iniciar o processo principal não dá aos usuários de seu aplicativo nenhuma janela de aplicativo. Eles são criados pelo processo principal no arquivo principal usando o módulo BrowserWindow . Cada janela do navegador executa seu própriorenderer process. O processo de renderização pega um arquivo HTML que faz referência aos arquivos CSS usuais, arquivos JavaScript, imagens, etc. e o renderiza na janela.

O processo principal pode acessar a GUI nativa por meio de módulos disponíveis diretamente no Electron. O aplicativo de desktop pode acessar todos os módulos do Node, como o módulo do sistema de arquivos para lidar com arquivos, solicitar para fazer chamadas HTTP, etc.

Diferença entre os processos principal e renderizador

O processo principal cria páginas da web criando as instâncias do BrowserWindow . Cada instância do BrowserWindow executa a página da web em seu próprio processo de renderização. Quando uma instância de BrowserWindow é destruída, o processo de renderização correspondente também é encerrado.

O processo principal gerencia todas as páginas da web e seus processos de renderização correspondentes. Cada processo de renderização é isolado e só se preocupa com a página da web em execução nele.