Over 10 years we help companies reach their financial and branding goals. Engitech is a values-driven technology agency dedicated.

Gallery

Contacts

411 University St, Seattle, USA

+1 -800-456-478-23

Blog Cross Platform

Hoje vou falar um pouco sobre a minha saga criando .exes usando html, js e css. No caso .exes seriam executáveis para Windows. Pesquisando sobre as possíveis alternativas, as que encontrei e em tese seriam viáveis foram:

Abaixo vou comentar sobre minha experiência com cada um deles e explicar por qual motivo escolhi Tauri (pelo menos inicialmente).

Nw.js

Minha ideia inicial era usar o Nw.js pois ele tinha algumas vantagens como proteção do código javascript, porém nos meus testes iniciais ao gerar o .exe, o Windows Defender acusou o executável logo de cara como um vírus e isso me fez desistir de usar a ferramenta.

Inclusive abri uma issue no github sobre isso mas que não teve muito o que fazer, o que me deixou curioso até hoje e por qual motivo isso não acontece com o Electron.

Electron

Minha segunda alternativa foi usar Electron, por um lado seria a melhor escolha para o que eu queria fazer, inclusive pois o packager Electron Builder ter a opção de gerar .apk (para instalar no Android) que eu acabei ainda não testando.

Porém como nem tudo são flores, Electron tem suas desvantagens. As grandes desvantagens para o meu caso de uso inicialmente foram performance e tamanho do executável, isso me fez desistir de usar Electron.

Os pontos que me fizeram desistir foram:

1 – Tamanho do executável simples para produção gerado em torno de 70mb.

2 – Lentidão para abrir a aplicação tendo que esperar uma splash screen usando electron com Angular (que foi meu propósito nos testes).

Tauri

Minha escolha para esse propósito foi o Tauri, ele também não é perfeito mas resolve os problemas do Electron o que a meu ver já é de grande valia.

O executável final gerado com Tauri teve 5mb! Isso também usando Angular, deixei aqui o repositório da POC usando ambos: https://github.com/andreescocard/tauri-angular/tree/master

Quem baixar o Tauri do zero e quiser usar com Angular, provavelmente vai apresentar um erro no momento da execução do comando npm run tauri dev, isso se deve por conta de 2 linhas (3 e 5) que precisam ser alteradas conforme exemplificado aqui (lembro que tinha aberto uma issue sobre isso mas por alguma razão não salvou e agora estou com preguiça de reabrir rs)

Sobre Tauri, é uma ferramenta recente mas muito promissora, ainda não gera instalador para dispositivos móveis (apesar de que eu acho que já vi alguma coisa sobre isso nas issues mas não me aprofundei).

Aqui tem uma explicação rápida sobre o que é Tauri:

Por fim Tauri será minha escolha para estar criando .exes usando html, js e css em 2023 (pelo menos até o momento).

Damos valor à sua privacidade

Nós e os nossos parceiros armazenamos ou acedemos a informações dos dispositivos, tais como cookies, e processamos dados pessoais, tais como identificadores exclusivos e informações padrão enviadas pelos dispositivos, para as finalidades descritas abaixo. Poderá clicar para consentir o processamento por nossa parte e pela parte dos nossos parceiros para tais finalidades. Em alternativa, poderá clicar para recusar o consentimento, ou aceder a informações mais pormenorizadas e alterar as suas preferências antes de dar consentimento. As suas preferências serão aplicadas apenas a este website.

Cookies estritamente necessários

Estes cookies são necessários para que o website funcione e não podem ser desligados nos nossos sistemas. Normalmente, eles só são configurados em resposta a ações levadas a cabo por si e que correspondem a uma solicitação de serviços, tais como definir as suas preferências de privacidade, iniciar sessão ou preencher formulários. Pode configurar o seu navegador para bloquear ou alertá-lo(a) sobre esses cookies, mas algumas partes do website não funcionarão. Estes cookies não armazenam qualquer informação pessoal identificável.

Cookies de desempenho

Estes cookies permitem-nos contar visitas e fontes de tráfego, para que possamos medir e melhorar o desempenho do nosso website. Eles ajudam-nos a saber quais são as páginas mais e menos populares e a ver como os visitantes se movimentam pelo website. Todas as informações recolhidas por estes cookies são agregadas e, por conseguinte, anónimas. Se não permitir estes cookies, não saberemos quando visitou o nosso site.

Cookies de funcionalidade

Estes cookies permitem que o site forneça uma funcionalidade e personalização melhoradas. Podem ser estabelecidos por nós ou por fornecedores externos cujos serviços adicionámos às nossas páginas. Se não permitir estes cookies algumas destas funcionalidades, ou mesmo todas, podem não atuar corretamente.

Cookies de publicidade

Estes cookies podem ser estabelecidos através do nosso site pelos nossos parceiros de publicidade. Podem ser usados por essas empresas para construir um perfil sobre os seus interesses e mostrar-lhe anúncios relevantes em outros websites. Eles não armazenam diretamente informações pessoais, mas são baseados na identificação exclusiva do seu navegador e dispositivo de internet. Se não permitir estes cookies, terá menos publicidade direcionada.

Visite as nossas páginas de Políticas de privacidade e Termos e condições.

Importante: Este site faz uso de cookies que podem conter informações de rastreamento sobre os visitantes.
Criado por WP RGPD Pro