Skip to content

v1.0

Latest

Choose a tag to compare

@Joueph Joueph released this 04 Jun 02:49
· 2 commits to main since this release

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

  1. Criação da pasta do projeto:
    • No terminal, execute o seguinte comando para criar uma nova pasta para o seu projeto:
mkdir electron-app
  1. 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
  1. Atualização do arquivo package.json:
    • Após a instalação do Electron, substitua o conteúdo do arquivo package.json pelo seguinte código:
{
  "name": "electron-app",
  "version": "1.0.0",
  "description": "Hello World!",
  "main": "main.js",
  "author": "Jane Doe",
  "license": "MIT",

  "scripts": {
    "start": "electron ."
  }
}
  1. Criação do arquivo main.js:
    • Crie um arquivo chamado main.js na pasta do seu projeto.
    • Insira o seguinte código no arquivo main.js:
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.