electron - amazon s3 · 2019-04-25 · dotenorio.com código aberto atom shell (2013) electron,...

http://bit.ly/electron-tdcdotenorio.com

Electron

http://bit.ly/electron-tdcdotenorio.com

Fernando M. Tenório@dotenorio

http://bit.ly/electron-tdcdotenorio.com

JAVASCRIPT,HTML eCSS!!!

http://bit.ly/electron-tdcdotenorio.com

É fácil!Se você já sabe fazer um site..

http://bit.ly/electron-tdcdotenorio.com

Mas qual é mágica?

http://bit.ly/electron-tdcdotenorio.com

Não é mágica, é tecnologia..

http://bit.ly/electron-tdcdotenorio.com

Tecnologias Web● Chromium● NodeJS● HTML, CSS, Javascript

http://bit.ly/electron-tdcdotenorio.com

Código Aberto● Atom Shell (2013)● Electron, MIT e Mantido pelo GitHub (2014)

http://bit.ly/electron-tdcdotenorio.com

Multiplataforma● Mac● Windows● Linux

http://bit.ly/electron-tdcdotenorio.com

Até as partes difíceis são fáceis

http://bit.ly/electron-tdcdotenorio.com

É sério!● Atualizações automáticas● Menus nativos & notificações● Relatório de falhas● Depuração & criação de perfil● Instaladores● Windows Store e Mac App Store

http://bit.ly/electron-tdcdotenorio.com

E muitos outros recursos

http://bit.ly/electron-tdcdotenorio.com

http://bit.ly/electron-tdcdotenorio.com

Muitos mesmo..

http://bit.ly/electron-tdcdotenorio.com

http://bit.ly/electron-tdcdotenorio.com

Quick Start

http://bit.ly/electron-tdcdotenorio.com

Só 3 linhas e já temos uma aplicação..

http://bit.ly/electron-tdcdotenorio.com

Olá Mundo!

http://bit.ly/electron-tdcdotenorio.com

package.json

http://bit.ly/electron-tdcdotenorio.com

main.js (1/3)

http://bit.ly/electron-tdcdotenorio.com

main.js (2/3)

http://bit.ly/electron-tdcdotenorio.com

main.js (3/3)

http://bit.ly/electron-tdcdotenorio.com

index.html

http://bit.ly/electron-tdcdotenorio.com

O app de demos da API Electron

http://bit.ly/electron-tdcdotenorio.com

Electron pra falar de Electron

http://bit.ly/electron-tdcdotenorio.com

E tem como ficar mais fácil ainda..

http://bit.ly/electron-tdcdotenorio.com

Não é um IDE - porém um excelente ponto de partida

http://bit.ly/electron-tdcdotenorio.com

Alt + Tab

http://bit.ly/electron-tdcdotenorio.com

ipcMain & ipcRenderer

http://bit.ly/electron-tdcdotenorio.com

main.js index.html

Troca de mensagens entre os processos

http://bit.ly/electron-tdcdotenorio.com

No processo principal (Backend)

http://bit.ly/electron-tdcdotenorio.com

No processo filho (Frontend)

http://bit.ly/electron-tdcdotenorio.com

Alt + Tab

http://bit.ly/electron-tdcdotenorio.com

Aplicações famosas feitas com Electron

http://bit.ly/electron-tdcdotenorio.com

Atom (O primeiro)

http://bit.ly/electron-tdcdotenorio.com

Skype

http://bit.ly/electron-tdcdotenorio.com

discord

http://bit.ly/electron-tdcdotenorio.com

Visual Studio Code

http://bit.ly/electron-tdcdotenorio.com

Slack

http://bit.ly/electron-tdcdotenorio.com

Aplicações nem tão famosas assim..

http://bit.ly/electron-tdcdotenorio.com

Clipboard Manager Electron http://bit.ly/clipboard-manager-electron

http://bit.ly/electron-tdcdotenorio.com

ShowMyScreenhttp://bit.ly/showmyscreen-electron

http://bit.ly/electron-tdcdotenorio.com

Windows 95http://bit.ly/windows95-electron

http://bit.ly/electron-tdcdotenorio.com

Distribuição de Aplicativos

http://bit.ly/electron-tdcdotenorio.com

Ferramentas de empacotamento● electron-forge● electron-builder● electron-packager

http://bit.ly/electron-tdcdotenorio.com

electron-packager$ electron-packager . clipboard-manager-electron--overwrite--platform=win32--arch=ia32--prune=true--out=dist--version-string.CompanyName=dotenorio--version-string.FileDescription='clipboard-manager-electron'--version-string.ProductName='clipboard-manager-electron'--icon=\"icons/icon.ico\"--asar

http://bit.ly/electron-tdcdotenorio.com

Ferramentas para criar instaladores● electron-installer-windows● electron-installer-dmg● electron-installer-snap● etc..

http://bit.ly/electron-tdcdotenorio.com

Problemas

http://bit.ly/electron-tdcdotenorio.com

Desculpa, eu não queria falar sobre isso :(● Demora para abrir● Muito grande● Quer uma versão para Linux? Faça o build no Linux. (O mesmo serve para

Windows e macOS)● Falta suporte a atualizações Delta● Segurança (arquivos .asar)

Leia mais:https://hackernoon.com/electron-the-bad-parts-2b710c491547https://medium.com/commitlog/electron-is-cancer-b066108e6c32

http://bit.ly/electron-tdcdotenorio.com

Minha opinião!

http://bit.ly/electron-tdcdotenorio.com

Não é bom para aplicações pequenas!!

http://bit.ly/electron-tdcdotenorio.com

Cuidado com o ipc..

http://bit.ly/electron-tdcdotenorio.com

Aproveite bem as APIs para criar uma boa experiência para seu usuário.

http://bit.ly/electron-tdcdotenorio.com

Faça Build (CI/CD) e Update automáticos!

http://bit.ly/electron-tdcdotenorio.com

“Geralmente não precisamos do Electron, a gente usa porque é legal” (Zonetti)

http://bit.ly/electron-tdcdotenorio.com

Use, é legal mesmo...

http://bit.ly/electron-tdcdotenorio.com

Obrigado!Perguntas?