Electron e la prima app

What is electron?

Electron è un framework per creare applicazioni native con tecnologie web come Javascript, HTML e CSS. Lui si occupa di gestire la parte difficile del creare l’applicazione cosi noi possiamo concentrarci sullo sviluppo delle funzioni che ci interessano.
Il framework utilizza componenti front-end come Chromium e back-end come Node.js sviluppate per le applicazioni web per creare la GUI (l’interfaccia grafica) dell’applicazione. Electron lo fa combinando questi due elementi in un unico pacchetto che puo essere poi condiviso su piu piattaforme.

Com’è strutturata un’app di electron

Molto semplicemente un’app di Electron è composta da tre file principal:

  1. package.json :Questo file contiene le informazioni principali del pacchetto, come il nome, la versione, le dipendenze ecc.
  2. main.js : Contiene le funzioni principali per l’avvio dell’applicazione. E’ responsabile della creazione della finestra, del caricamento dell’interfaccia grafica e della gestione delle azioni del browser.
  3. index.html : E’ l’interfaccia grafica principale.

Creiamo la prima applicazione

Electron propone una piccola quick-start app, gia pronta per funzionare. E’ l’ideale per cominciare e per capire come funziona il framework.

# Clone the Quick Start repository
$ git clone https://github.com/electron/electron-quick-start

# Go into the repository
$ cd electron-quick-start

# Install the dependencies
$ npm install 

# Run the application
$ npm start

A questo punto abbiamo avviato la finestra con un minimo di informazioni.

Lascia un commento