Repository navigation
O projeto está completo, após baixar podemos acessa-lo da seguinte maneira:
docker-compose up --build
Este é um guia para iniciar um aplicativo Electron simples. Certifique-se de seguir os passos abaixo para configurar e executar o aplicativo.
Pré-requisitos
- Certifique-se de ter o Node.js e o npm instalados. Você pode verificar se o npm está instalado executando o seguinte comando no terminal:
npm -v
Caso não esteja instalado, baixe-o neste link: https://nodejs.org/en/download/current
Passos de configuração
- Criação da pasta do projeto:
- No terminal, execute o seguinte comando para criar uma nova pasta para o seu projeto:
mkdir electron-app
- Instalação do Electron:
- Após criar a pasta do projeto, navegue até ela no terminal e execute o seguinte comando para instalar o Electron:
npm install electron
- Atualização do arquivo package.json:
- Após a instalação do Electron, substitua o conteúdo do arquivo
package.jsonpelo seguinte código:
- Após a instalação do Electron, substitua o conteúdo do arquivo
{
"name": "electron-app",
"version": "1.0.0",
"description": "Hello World!",
"main": "main.js",
"author": "Jane Doe",
"license": "MIT",
"scripts": {
"start": "electron ."
}
}- Criação do arquivo main.js:
- Crie um arquivo chamado
main.jsna pasta do seu projeto. - Insira o seguinte código no arquivo
main.js:
- Crie um arquivo chamado
const { app, BrowserWindow } = require('electron');
function createWindow() {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
// Carrega a página da web local hospedada em localhost:8080
mainWindow.loadURL('http://localhost:8080');
mainWindow.webContents.openDevTools();
}
app.whenReady().then(createWindow);
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow();
}
});Executando o aplicativo
Para iniciar o aplicativo Electron, execute o seguinte comando no terminal, estando na pasta do seu projeto:
npm start
Isso iniciará o aplicativo e abrirá uma janela com a página da web local hospedada em localhost:8080.