Electron Js + jQuery + Bootstrap - Dev to Build

Blog

Ogni volta che abbiamo bisogno di software, andiamo su un sito Web e scarichiamo un pacchetto e, dopo un paio di clic, il software verrà installato sul tuo PC. Come sviluppatore web, potresti non avere esperienza nella creazione di un'applicazione desktop.



In questo articolo, esaminiamo come possiamo costruire un'applicazione Desktop con le tecnologie web . Se cerchi su Google il testo sopra citato, il risultato sarà Elettrone JS .

** Che cos'è Electron.js? **

I documenti di Electron dicono, Elettrone JS è un framework runtime che consente all'utente di creare applicazioni desktop-suite con HTML5, CSS e JavaScript.



Qui, potresti chiederti cosa sta compilando il nostro codice JS che scriviamo. Combina il motore di rendering Chromium e il Nodo . js tempo di esecuzione. Quindi, per costruire un'applicazione Electron, abbiamo bisogno di una conoscenza di base di Node.js come prerequisito. E presumo che tu abbia familiarità con JS. Penso, questo abbastanza giusto per l'introduzione. Passiamo all'argomento.

Prerequisiti

  • NodeJ e NPM: più recenti



  • Un editor di codice

Forgia di elettroni ci aiuta a creare l'app di elettroni in modo semplice. Per capire le basi, andiamo nel modo tradizionale.

Crea una cartella dove vuoi nel tuo pc. Apri cmd ed esegui |_+_|. Inserisci i dettagli del progetto per il package.json generato. Ora, tutto ciò di cui abbiamo bisogno è Electron JS. Electron JS è una dipendenza di sviluppo e dovrebbe essere installato a livello globale. Installalo con l'aiuto di |_+_|. Una volta installato, il pacchetto.json dovrebbe avere Electron come devDependency. (In caso contrario, aggiungilo manualmente.)

JSON

npm init

In Electron JS, ci sono due processi. Uno è il processo principale e l'altro è il processo di rendering. Controlliamo cosa dicono i documenti su Processi principali e di rendering .

Processo principale

In Electron, il processo che esegue |_+_| |_+_| script è chiamato il processo principale. Lo script che viene eseguito nel processo principale può visualizzare una GUI creando pagine web. Un'app Electron ha sempre un processo principale, ma mai di più.

#javascript #nodejs #electron #jquery 3.0 #app desktop

dzone.com

Electron Js + jQuery + Bootstrap - Dev to Build

In questo articolo, esaminiamo come creare un'applicazione desktop autonoma con ElectronJs con jQuery e Bootstrap.