Come si converte l'applicazione Web in eseguibile sul desktop?

Question

Ho creato un'applicazione HTML con AngularJS/jQuery/Bootstrap con API REST AJAX.
È possibile creare eseguibile/installatore per il sistema operativo Windows?

Senza alcun software di terze parti, dovrebbe apparire come un'applicazione nativa, ma HTML.
Ad esempio, Slack messenger ha versioni web/mac/windows e hanno lo stesso aspetto.

Qualche idea?

// UPD

Probabilmente ho bisogno di un involucro (WebView), ma ho bisogno di tutte le caratteristiche per EcmaScript5/CSS3.

Answer 1

Electron è il modo easer:

1. Installare elettrone

2. Creare e modificare main.js:

const electron = require('electron'); 
const { app, BrowserWindow } = electron; 

let mainWindow; 

app.on('ready',() => { 
    mainWindow = new BrowserWindow({ 
     width: 1000, 
     height: 700 
    }); 

    mainWindow.setTitle('title of the desktop app'); 
    mainWindow.loadURL('http://www.yourwebpage.com'); 

    mainWindow.on('closed',() => { 
     mainWindow = null; 
    }); 
}); 

3. Eseguire un'applicazione desktop:

electron main.js 

E per creare l'app, utilizzare un generatore come generatore di elettroni.

Spero che ti aiuti!

Answer 2

Avresti per riscrivere la vostra applicazione un po ', ma apache Cordova supporta la distribuzione alle finestre:

https://msopentech.com/blog/2014/09/25/apache-cordova-gains-windows-8-1-and-windows-phone-8-1-support-2-2/

Answer 3

Con un po' di codice wrapper si potrebbe confezionare come un app Chrome. Non hanno bisogno di essere eseguiti in una finestra del browser ma hanno tutte le funzionalità di un'app Web, standalone.

https://developer.chrome.com/apps/about_apps

Answer 4

Ci sono un sacco di quadri là fuori che può avvolgere la vostra applicazione web in un'applicazione nativa che può accedere cose come l'API di archiviazione di file per un sistema operativo. This is the specific guide for Windows.

Attenzione però - è necessario passare il tempo facendo test solida e di lavoro QA per la vostra applicazione nativa in modo che non si sente come un sito web all'interno di un involucro nativo, così come si integra bene con tutte le versioni del sistema operativo vuoi essere compatibile con. Tweetdeck per Mac è un esempio di cosa non fare, in pratica un browser Web in un wrapper nativo.

Answer 5

Io stesso cercavo una soluzione completa per un po '. Ho provato di tutto, da TideSDK, AppJS, Appcelerator Titanium, codice nativo in VB.NET, XCode, Python, C++, Electron, node-webkit, ecc. In pratica mi hai dato un nome e l'ho provato.

Nota Electron è bello, ma funziona solo con processori a 64 bit. Quindi node-webkit è buono se vuoi eseguire la tua app su processori a 32 bit.

Quindi ho deciso di creare la mia soluzione open source denominata WebDGap.

Attualmente WebDGap funziona su Windows, Linux, Mac OS X, Google Chrome e come applicazione Web!

Guarda il How To Video per imparare, bene come usare l'app ovviamente.

Ecco uno screenshot.

Essendo che sei già un utente Mac puoi unire l'app esportata in 1 file .app mac. Questo può essere fatto con Automator (e un piccolo script di shell).

C'è anche un parco giochi di codifica che ho realizzato per gli utenti mobili che ha questa funzione chiamata kodeWeave.

Ecco un gioco Tic-Tac-Toe ho intenzione di esportare come un App Mac:

Ora la web app è in esecuzione come applicazione nativa per Mac!