Welche Lösungen gibt es für die Verteilung einer HTML5-basierten Desktop-Anwendung?

Ich möchte meine HTML5-App als eigenständige Desktop-Anwendung unter Windows, OSX und Linux verteilen können. Ich möchte, dass Benutzer auf die Verknüpfung meines App-Symbols doppelklicken können, um mein Programm auszuführen.

Ich möchte nicht, dass das Browserfenster angezeigt wird, sondern nur meine App. Ist das möglich?

HTML5 Apps im Jahr 2014

Rahmen von Chrome / Webkit

• Elektron (ehemalige Atom Shell)

  Electron ist eine von GitHub entwickelte Open Source-Bibliothek zum Erstellen plattformübergreifender Desktop-Anwendungen mit HTML, CSS und JavaScript. Electron erreicht dies, indem Chromium und Node.js zu einer einzigen Laufzeit kombiniert werden und Apps für Mac, Windows und Linux gepackt werden können. ( Quelle )

  Die Leute bei github verwenden dies, um ihren Code-Editor Atom als App bereitzustellen . Es hat eine dokumentierte API und einen Hilfekanal in den offiziellen Atomforen.

• Node-Webkit , der minimalste Ansatz

  Node-Webkit ist eine App-Laufzeit, die auf Chromium und node.js basiert. Mit Node-Webkit können Sie native Apps in HTML und JavaScript schreiben. Außerdem können Sie Node.js-Module direkt aus dem DOM aufrufen und eine neue Methode zum Schreiben nativer Anwendungen mit allen Webtechnologien aktivieren.

  Intel steckt dahinter (?). Mir wurde gesagt, dass es an den Rändern sehr rau ist.

• Brackets Shell , die Sandbox des Adobes-Code-Editors (und Basis von Adobe Edge)

  Hinweis: Die Brackets-Shell wird nur für das Brackets-Projekt verwaltet. Obwohl einige Leute definitiv Erfolg damit hatten, es als App-Shell für andere Projekte zu verwenden, bieten wir keine offizielle Unterstützung dafür und wir haben nicht viel Arbeit geleistet, um die App-Shell einfach wiederverwendbar zu machen. Viele Leute werden es wahrscheinlich einfacher finden, ein Projekt wie das Node-Webkit zu verwenden, das von Natur aus allgemeiner ist.

  sagt die Readme, aber es gibt ziemlich viele Leute da draußen, die es trotzdem getan haben.

Frameworks + Tools

• Adobe AIR , wie eine andere Antwort vorschlug.

  Mit der Adobe® AIR®-Laufzeit können Entwickler denselben Code in native Apps für Windows- und Mac OS-Desktops sowie für iPhone, iPad, Kindle Fire, Nook Tablet und andere Android ™ -Geräte packen und so die mobilen App-Stores für über 500 Millionen erreichen Geräte.

• Sencha ist ein Unternehmen, das Tools für App-Entwickler verkauft, einschließlich der Entwicklung und Verteilung von HTML5-Apps.

Inaktive Ansätze

• Tide SDK ( archiviert am 12.07.2015 auf archive.org ), Beta-Version, eingestellt am 12. Juli 2015

  http://www.tidesdk.org/

• XULRunner von Mozilla erledigt möglicherweise den Trick für Sie, erhöht jedoch den Overhead.

• app.js endete am 28. Oktober 2013, weil es von ( https://github.com/rogerwang/node-webkit)[node-webkit] übertroffen wurde .

  Weil es einfach und doch mächtig ist. Mit AppJS müssen Sie sich keine Gedanken über das plattformübergreifende Codieren oder das Erlernen neuer Sprachen und Tools machen. Sie sind bereits mit HTML, CSS und JavaScript vertraut. Was ist besser als dieser Stack für die Anwendungsentwicklung? Außerdem verwendet AppJS im Kern Chromium, damit die neuesten HTML 5-APIs funktionieren. Konzentrieren Sie sich also auf die Aufgabe, die Ihre Anwendung erfüllen sollte.

• Mozilla Prisma wird außer Betrieb genommen, ihre Schlagzeile war:

  Das Aufbringen von Webanwendungen auf Ihren Desktop
  Prism ist eine Anwendung, mit der Benutzer Webanwendungen aus ihrem Browser heraus aufteilen und direkt auf ihrem Desktop ausführen können.

Sie können AppJS verwenden, das Nodejs und Chromium verwendet, um HTML5-Apps für den Desktop zu erstellen. Probieren Sie es aus: http://appjs.com Github Link: https://github.com/appjs/appjs

Vielleicht möchten Sie sich XULRunner von Mozilla ansehen. Auf einer Höhe von 10000 Fuß ist der FireFox-Browser eine XULRunner-Anwendung (offensichtlich eine sehr ausgefeilte, aber ...). Mit XULRunner können Sie jedoch Javascript und XML zum Erstellen von Anwendungen verwenden. Das Browserfenster ist eine dieser Komponenten. Sobald Sie Ihr Basisfenster eingerichtet haben, können Sie wahrscheinlich so ziemlich alles tun, was Sie möchten.

Abhängig von der Komplexität Ihrer Anwendung gibt es auch verschiedene "Widget" -Frameworks (wie Dashboard auf dem Mac, Yahoo Widgets, Windows-Gadgets), bei denen es sich im Grunde auch um HTML-Laufzeiten handelt.

Schauen Sie sich auf jeden Fall Titan an . Erst heute habe ich eine funktionierende HTML5-App genommen und konnte sie mit ein paar geringfügigen Änderungen in Titanium ablegen und für Mac, Windows und Linux verpacken.

Außerdem werden PHP, Python und Ruby unterstützt, wenn Ihre App eine "serverseitige" Verarbeitung erfordert.

Chrome kann das tun, was Prisma tut. Siehe - Extras-> Anwendungsverknüpfung erstellen

Sie können Phonegap ausprobieren, es gibt einen Windows-Desktop-Port: https://github.com/davejohnson/phonegap-windows

Ich habe den Mac-Port ausprobiert, er hat gut funktioniert. Ich habe die Windows-Version noch nicht ausprobiert.

Mit Adobe AIR können Sie hauptsächlich in HTML, CSS und JavaScript arbeiten und gleichzeitig eine Desktop-Anwendung bereitstellen. (Vorsichtsmaßnahme: Ich habe es selbst nicht benutzt.)

[Nur unter Windows] Versuchen Sie es mit dem HTML-Anwendungsansatz (HTA). Speichern Sie einfach Ihre HTML-Datei mit der Erweiterung .hta. Es bietet auch einige zusätzliche Einstellungen, um das Browserfenster zu entfernen, das Vertrauensniveau für die App festzulegen usw. Weitere Informationen finden Sie hier: http://en.wikipedia.org/wiki/HTML_Application und hier http://technet.microsoft. com / en-ca / scriptcenter / dd742317.aspx

Hmmm ... eine virtuelle Maschine für HTML5 / CSS / JS ... klingt wie ein Browser. :) :)

Vielleicht würde Adobe AIR den Trick machen, weil es auf der Idee basiert, umfangreiche Internet-Apps auf den Desktop zu bringen. Ich habe es jedoch nie benutzt.

Eine Möglichkeit besteht darin, eine sehr einfache Desktop-App zu entwickeln, die eine vorgefertigte Webbrowser-Steuerung verwendet (z. B. wenn Sie für einen Mac entwickeln, legen Sie einfach eine WebView im Fenster ab und fügen Sie einen grundlegenden Code hinzu, um Ihr HTML in die App zu laden Anfang).

Überprüfen Sie dieses neue Projekt von Mozilla. Sie können auch Desktop-Apps erstellen: https://developer.mozilla.org/en/Apps

Details hier: http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/

Für Mobiltelefone können Sie PhoneGap http://www.phonegap.com/ verwenden . Wahrscheinlich mit etwas mehr Codierung können Sie es für den Desktop verwenden.

Sencha http://www.sencha.com/ Pokki http://www.pokki.com/

Derzeit lautet die Antwort, dass es für jede Plattform unterschiedliche Lösungen gibt.

• Für MAC OSX erstellen Sie eine Cocoa Desktop App mit einer UIWebView
• Für Windows erstellen Sie eine .NET-Desktop-App mit einer Browserkomponente.

Sie können einen eingebetteten Server wie Tomcat oder vielleicht Apache verwenden.

Ich benutze Tomcat für eine vollständige Java-Webanwendung. Im Browser ausführen, aber die Anwendung muss installiert sein. Die Verknüpfung zum Starten der App, Starten des Dienstes und Öffnen des Browsers.

Oder versuchen Sie es mit einem Webkit

Ein bisschen spät, aber Sie können eine tragbare Version von Google Chrome verwenden und dann eine kleine Windows-App erstellen, um sie zu installieren, und eine .ink-Verknüpfung zu ihrem --kiosk- und App-Modus erstellen.
Ein bisschen wie Chrome-Anwendungsverknüpfungen, aber wo Sie Chrome für sie installieren.

Wenn Sie es nur für Windows benötigen, sollten Sie HTML-Anwendungen (HTA) in Betracht ziehen. Es ist seit IE 5 (über 10 Jahre) Teil von Internet Explorer.

Kein Server erforderlich, vollständige HTML-Formatierung, vollständiger Zugriff auf lokale Ressourcen (sogar COM / USB-Anschlüsse), fantastisch. Auch mit Visual Studio einfach zu debuggen, binden Sie einfach an MSHTA.exe

Sie können HTML 5 in HTAs mit dem folgenden Meta-Tag aktivieren:

<!-- enable html5 features --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>