web-dev-qa-db-fra.com

Des solutions pour la distribution d'applications HTML5 sous forme d'applications bureautiques?

Quelles sont les solutions pour distribuer une application de bureau basée sur HTML5?

Je souhaite pouvoir distribuer mon application HTML5 en tant qu'application de bureau autonome sous Windows, OSX et Linux. J'aimerais que les gens puissent double-cliquer sur mon raccourci d'icône d'application pour exécuter mon programme.

Je ne veux pas du tout que la fenêtre du navigateur apparaisse, juste mon application. Est-ce possible?

140
foreyez

Applications HTML5 en 2014

Cadres par chrome/webkit

  • Electron (ancien Atom Shell)

    Electron est une bibliothèque open source développée par GitHub pour la création d'applications de bureau multiplates-formes avec HTML, CSS et JavaScript. Electron y parvient en combinant Chromium et Node.js dans un seul environnement d'exécution. Les applications peuvent être packagées pour Mac, Windows et Linux. ( source )

    Les utilisateurs de github l'utilisent pour fournir leur éditeur de code Atom sous la forme d'une application. Il a une API documentée et un canal d’aide sur les forums officiels atom).

  • Node-Webkit , l'approche la plus minimale

    node-webkit est un environnement d'application basé sur Chromium et node.js. Vous pouvez écrire des applications natives en HTML et JavaScript avec node-webkit. Il vous permet également d'appeler des modules Node.js directement à partir du DOM et offre une nouvelle façon d'écrire des applications natives avec toutes les technologies Web.

    Intel est derrière cela (?). On m'a dit que c'était très difficile sur les bords.

  • Brackets Shell , le bac à sable de l'éditeur de code Adobes (et la base d'Adobe Edge)

    Remarque: Le support entre parenthèses n'est utilisé que par le projet Brackets. Bien que certaines personnes aient définitivement réussi à l'utiliser comme application Shell pour d'autres projets, nous ne fournissons aucune assistance officielle à cet égard et nous n'avons pas fait beaucoup de travail pour rendre l'application Shell facilement réutilisable. Beaucoup de gens trouveront probablement plus facile d'utiliser un projet comme node-webkit, qui est plus générique par conception.

    dit le readme, mais il y a beaucoup de gens qui l'ont fait quand même.

Cadres + Outils

  • Adobe AIR , comme suggéré une autre réponse.

    Le moteur d’exécution Adobe® AIR® permet aux développeurs d’intégrer le même code dans des applications natives pour ordinateurs de bureau Windows et Mac OS, ainsi que pour iPhone, iPad, Kindle Fire, Tablette Nook et autres appareils Android ™, atteignant ainsi les magasins d’applications mobiles pour plus de 500 millions de personnes. dispositifs.

  • Sencha est une entreprise qui vend des outils pour les développeurs d'applications, y compris le développement et la distribution d'applications html5.

Approches inactives

  • Tide SDK ( archivé le 15/07/2015 à archive.org ), version bêta, arrêté le 12 juil. 2015

    http://www.tidesdk.org/

  • XULRunner de Mozilla peut faire l'affaire mais ajoute une charge supplémentaire.

  • app.js terminé le 28 octobre 201 pour avoir été dépassé par ( https://github.com/rogerwang/node-webkit) [node-webkit] .

    Parce que c'est simple et pourtant puissant. Avec AppJS, vous n'avez pas à vous soucier de coder sur plusieurs plateformes ni à apprendre de nouveaux langages et outils. Vous connaissez déjà HTML, CSS et JavaScript. Quoi de mieux que cette pile pour le développement d'applications? De plus, AppJS utilise Chromium à la base, ce qui vous permet de faire fonctionner les dernières API HTML 5. Alors, concentrez-vous sur la tâche que votre application devrait accomplir.

  • Mozilla Prism est déconnecté, leur slugline était:

    Apporter des applications Web sur votre bureau
    Prism est une application qui permet aux utilisateurs de séparer des applications Web de leur navigateur et de les exécuter directement sur leur bureau.

73
Samuel Herzog

Vous pouvez utiliser AppJS, qui utilise Nodejs et Chromium pour créer des applications HTML 5 pour le bureau. vérifier: http://appjs.com Lien Github: https://github.com/appjs/appjs

14
Morteza Milani

Vérifiez définitivement Titanium . Aujourd'hui, j'ai pris une application HTML5 fonctionnelle et, avec quelques modifications mineures, j'ai pu la transférer dans Titanium et la préparer pour Mac, Windows et Linux.

Et il prend également en charge PHP, Python et Ruby si votre application nécessite un traitement "côté serveur").

10
ggutenberg

Vous voudrez peut-être regarder XULRunner de Mozilla. À une altitude de 10000 pieds, le navigateur FireFox est une application XULRunner (évidemment très sophistiquée, mais ...). Mais XULRunner vous permet d'utiliser Javascript et XML pour créer des applications, et la fenêtre du navigateur est l'un de ces composants. Ainsi, une fois la fenêtre de base installée, vous pouvez probablement faire à peu près tout ce que vous voulez.

En outre, en fonction de la sophistication de votre application, il existe plusieurs frameworks de "widgets" (tels que Dashboard sur Mac, Widgets Yahoo, Windows Gadgets), qui sont aussi essentiellement des environnements d'exécution HTML.

10
Will Hartung

chrome peut faire ce que fait le prisme Voir - Outils-> Créer un raccourci d'application

5
user822746

Vous pouvez essayer Phonegap, il existe un port Windows Desktop: https://github.com/davejohnson/phonegap-windows

J'ai essayé le mac-port, ça a bien fonctionné. Je n'ai pas encore essayé la version Windows.

4

Adobe AIR est conçu pour vous permettre de travailler principalement en HTML, CSS et JavaScript tout en fournissant une application de bureau. (Avertissement: je ne l'ai pas encore utilisé moi-même.)

3
T.J. Crowder

[Sous Windows uniquement] essayez l'approche HTML Application (HTA) - enregistrez simplement votre fichier .html avec l'extension .hta. Il fournit également quelques paramètres supplémentaires pour se débarrasser de la fenêtre du navigateur, définir le niveau de confiance de l'application, etc. Pour en savoir plus, cliquez ici: http://en.wikipedia.org/wiki/HTML_Application et ici - http://technet.Microsoft.com/en-ca/scriptcenter/dd742317.aspx

3
Vik

Hmmm ... une machine virtuelle pour HTML5/CSS/JS ... ressemble à un navigateur. :)

Peut-être qu'Adobe AIR ferait l'affaire, car il est basé sur l'idée de créer des applications Internet riches sur le bureau. Je ne l'ai jamais utilisé, cependant.

Une des choses que vous pouvez faire est de développer une application de bureau très basique qui utilise une sorte de contrôle de navigateur Web préemballé (par exemple, si vous développez pour un Mac, déposez simplement une vue Web dans la fenêtre et ajoutez un code de base pour charger votre code HTML lors de l'application. Commencez).

2
Jeff

Vérifiez ce nouveau projet de Mozilla. Vous pouvez également créer des applications de bureau: https://developer.mozilla.org/en/Apps

Détails ici: http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/

2
Peacemoon

Vous pouvez utiliser un serveur intégré tel que Tomcat ou peut-être Apache.

J'utilise Tomcat pour une application Web complète Java. Exécutée dans un navigateur, mais l'application doit être installée. Le raccourci pour démarrer l'application, démarrer le service et ouvrir le navigateur.

Ou essayez utiliser webkit

1
Bruno Tafarelo
1
athanis

Si vous en avez juste besoin pour Windows, vous devriez considérer les applications HTML (HTA), qui font partie d’Internet Explorer depuis IE 5 (plus de 10 ans)).

Aucun serveur requis, formatage HTML complet, accès complet aux ressources locales (même les ports COM/USB), génial. Aussi, facile à déboguer avec Visual Studio, il suffit de lier à MSHTA.exe

Vous pouvez activer HTML 5 dans les HTA avec la balise Meta suivante:

<!-- enable html5 features --> 
<meta http-equiv="X-UA-Compatible" content="IE=Edge"></meta>
1
William Walseth

Pour les téléphones mobiles, vous pouvez utiliser PhoneGap http://www.phonegap.com/ . Probablement avec un peu plus de codage, vous pouvez l'utiliser pour le bureau.

1
user977828

Actuellement, la réponse est qu'il existe différentes solutions de chaque plate-forme.

  • Pour MAC OSX Vous allez créer une application Cocoa Desktop avec un UIWebView
  • Pour Windows, vous allez créer une application de bureau .NET avec un composant de navigateur.
1
icemelt7

Un peu tard, mais vous pouvez utiliser une version portable de Google Chrome, puis créer une petite application Windows pour l'installer, puis créer un raccourci .ink vers ses modes --kiosk et app.
Kinda comme chrome raccourcis d’application, mais où vous installez chrome pour eux.

1
Frank