web-dev-qa-db-fra.com

Comment convertir une application Web en exécutable?

J'ai créé une application HTML avec AngularJS/jQuery/Bootstrap avec l'API AJAX REST.
Est-il possible de créer un exécutable/installateur pour le système d’exploitation Windows?

Sans logiciel tiers, il devrait ressembler à une application native, mais HTML.
Par exemple, Slack Messenger a les versions Web/Mac/Windows et se ressemble.

Des idées?

// UPD

J'ai probablement besoin d'un wrapper (webview), mais j'ai besoin de toutes les fonctionnalités pour EcmaScript5/CSS3.

htmlweb-applicationsconverterdesktop-application
21
Miraage

Electron est le moyen le plus simple:

1. Installer electron

2. Créer et éditer 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. Exécuter l'application de bureau: 

electron main.js

Et pour créer l'application, utilisez un constructeur tel qu'un générateur d'électrons.

J'espère que cela vous aide!

16
Aral Roca

Je cherchais moi-même une solution complète pendant quelque temps. J'ai tout essayé de TideSDK, AppJS, Appcelerator Titanium, du code natif en VB.NET, XCode, Python, C++, Electron, node-webkit, etc.

Remarque Electron est agréable, mais il ne fonctionne que sur des processeurs 64 bits. Donc, node-webkit est utile si vous souhaitez exécuter votre application sur des processeurs 32 bits. 

J'ai donc décidé de créer ma propre solution open source appelée WebDGap .

Actuellement, WebDGap fonctionne sous Windows, Linux, Mac OS X, Google Chrome et en tant qu'application Web!

Regardez la Comment faire une vidéo pour apprendre, bien utiliser l’application évidemment.

Voici une capture d'écran .The WebDGap Application

Étant déjà un utilisateur Mac, vous pouvez fusionner votre application exportée dans un fichier .app mac. Cela peut être fait avec Automator (et un peu de script Shell).

Il existe également une aire de jeu de codage que j'ai créée pour les utilisateurs mobiles et qui intègre cette fonctionnalité appelée kodeWeave .

Voici un jeu de tic-tac-toe que je vais exporter en tant qu'app Mac:  kodeWeave App

Maintenant, l'application Web s'exécute en tant qu'application Mac native!!  Tic-Tac-Toe is now running as a Mac App

4
Michael Schwartz

Vous devrez réécrire quelque peu votre application, mais Apache Cordova prend en charge le déploiement sur Windows:

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

2
Robert Moskal

Utilisez Web2Desk : Si vous recherchez une solution simple et gratuite. 

 Convert webapp to desktop app using web2desk

tout ce que vous avez à faire est d’entrer l’URL de l’application Web (ou du site Web) et l’application Desktop pour Mac, Windows et Linux est générée en un rien de temps.

 Desktop App for Mac, Linux and Windows platforms

1
Felix josemon

De nombreux frameworks peuvent intégrer votre application Web dans une application native pouvant accéder à des éléments tels que l'API de stockage de fichiers d'un système d'exploitation. Ceci est le guide spécifique pour Windows .

BEWARE THOUGH - vous devrez passer du temps à effectuer des tests rigoureux et un travail de contrôle qualité pour votre application native, afin de ne pas donner l'impression d'un site Web dans un wrapper natif et de bien l'intégrer à toutes les versions du système d'exploitation souhaité. être compatible avec. Tweetdeck for Mac est un exemple de ce qu’il ne faut pas faire - en gros un navigateur Web dans un wrapper natif).

0
Ben Rondeau