Führen Sie die Anwendung html+css+js als Mac OS X-Anwendung aus

Ich bin völlig neu in der Entwicklung von Mac OS X, möchte aber eine Mac-Desktop-App für mein eigenes kleines Projekt haben. Was ich im Sinn habe, ist, dass eine Webanwendung (die dieselbe Anwendung verwendet, die im Web ausgeführt wird) in einer Art Wrapper-Fenster ausgeführt wird und alles in eine .app-Datei gepackt wird, sodass sie nur durch Klicken auf das Symbol ausgeführt werden kann und nicht ausgeführt wird ein Browser.

Kurz gesagt - ich habe eine Webanwendung, die in HTML + CSS + JS geschrieben ist, und möchte in einer Art Wrapper ausgeführt werden, damit sie wie eine Desktop-App aussieht und sich verhält. Der beste Weg, das zu tun?

Muss ich eine Art Wrapper-App in Objective-C schreiben, die im Grunde ein Fenster hat und WebKit zum Laden meiner Dateien verwendet? Oder gibt es vielleicht schon eine Lösung dafür, die verwendet werden könnte?

Das beste Beispiel dafür, das ich schnell finden kann, ist http://brackets.io/ , wo eine Web-App so verpackt ist, dass sie wie eine kompilierte App aussieht und auf meinem Mac läuft.

Was ist falsch daran, es in einem Browser zu öffnen? Per Definition sieht und verhält es sich nicht wie eine Desktop-App, wenn Sie nicht die Standardsteuerelemente des Betriebssystems verwenden.
Ich möchte es einfacher verteilen. Und ja, ich weiß, dass es sich nicht wie eine native Desktop-App verhalten wird ... Ich habe auch etwas wie github.com/maccman/macgap/blob/master/README.md gefunden , vielleicht ist es das, was ich brauche ...
Eine .app ist schwieriger zu verteilen als ein Hyperlink.
Gerry, ein Hyperlink ist nur nützlich, wenn Sie eine Internetverbindung haben. .app wird jederzeit nützlich sein.
Klingt nach etwas, das ein Dashboard-Widget sein könnte. Apple hat eine Dashcode-Entwicklungsumgebung zum Erstellen von gepackten Webseiten mit HTML+CSS+JS. Nicht wirklich eine Antwort, da Sie nach einer .app suchen.
Dashboard-Widget ist nicht das, wonach ich suche, aber danke David ;)

Antworten (4)

Sie können Fluid auch verwenden , um einen seitenspezifischen Browser zu erstellen. SSBs fühlen sich jedoch oft eher wie eingeschränkte Versionen von Browsern an als eigenständige Anwendungen.

Ein Beispiel für eine Fluid-Anwendung ist https://github.com/drdrang/drtwoot .

Ich habe es mit Fluid versucht, aber wenn ich richtig liege, muss eine andere Person Fluid installieren, um meine .app ausführen zu können? Rechts?
@IgnasB. Nein, sie können auch ausgeführt werden, wenn Fluid nicht installiert wurde.
Dann ist es vielleicht der einfachste Weg ... :) Werde es überprüfen. Danke!

Ich habe MacGap2 gefunden, aber es befindet sich noch in der Entwicklung. https://github.com/MacGapProject/MacGap2

Es ist ein Xcode-Projekt und wird einfach zu einer App mit einem WebView kompiliert. Sie legen einfach Ihre HTML/CSS/JS-App im öffentlichen Ordner ab und klicken auf die Schaltfläche „Erstellen“.

Es macht fast dasselbe wie Fluid, nur hat es (noch) keine Javascript-API.

BEARBEITEN: Ich habe eine zweite bessere Lösung gefunden , die auf nodejs basiert, nw.js (node-webkit framework). Es ist in der Entwicklung, aber plattformübergreifend für MacOS, Linux und Windows. https://github.com/nwjs/nw.js

Ich habe mehrere Apps gefunden, die nwjs verwenden. Einer ist http://koala-app.com

EDIT 2: Ich verwende jetzt http://electron.io

Vielleicht PHP Nighttrain ? Es stimmt, es verwendet PHP, aber HTML zu PHP ist nicht allzu schwer zu machen. Nighttrain befindet sich in aktiver Entwicklung und ist Open Source.

Probieren Sie nw.js (ehemals node-webkit) aus. Ursprünglich bei Intel entwickelt, ist es sehr schnell, supereinfach zu bedienen und "kompiliert" für OS X, Windows und Linux Graphic Shells. Außerdem gibt es eine lebendige Community, was immer gut ist.