Conhecendo Ember-Electron

Escreva menos código, vincule dados com a página, separe em componentes reutilizáveis.

Guilherme Freire Hack
Let's Grow
2 min readFeb 18, 2017

--

“Podem falar o que quiserem, mas o Ember tem a melhor logo.” Vinícius Alonso

Ember é um framework JavaScript. Você tem disponível handlebars, compoments, routes e controllers, além do data-bind.

“Talvez você já esteja rodando uma aplicação Electron.” Felix Rieseberg

Tutorial Ember-Electron

Instalar globalmente o Ember-Cli

npm install -g ember-cli

Criar aplicação Ember

ember new test-app

Rodar o Ember no navegador

ember server

Instalar o Electron na aplicação Ember

ember install ember-electron

Gerar Electron na aplicação

ember g ember-electron

No arquivo config/environment.js

locationType: process.env.EMBER_CLI_ELECTRON ? 'hash' : 'auto',

Rodar aplicação no Electron

ember electron

TestApp rodando com o exemplo do Ember

Conversando com o Electron

O Electron disponibiliza o ipc, um módulo que lida com mensagens síncronas e assíncronas, enviadas de um processo renderer. Abaixo, é recebido uma mensagem e retornado uma resposta assíncrona.

Abaixo, é enviado uma mensagem e recebemos uma resposta assíncrona do processo principal, Electron.

Esse é o resultado dos códigos apresentados acima

Isso abre possibilidades, principalmente ao considerar que é possível criar processos sem renderizá-los em janela, múltiplos processos conversando de forma assíncrona é possível no Electron.

--

--