Jakie są rozwiązania dotyczące dystrybucji aplikacji komputerowej opartej na HTML5?

Chcę móc rozpowszechniać moją aplikację HTML5 jako samodzielną aplikację komputerową w systemach Windows, OSX i Linux. Chciałbym, aby ludzie mogli dwukrotnie kliknąć skrót do ikony mojej aplikacji, aby uruchomić mój program.

Nie chcę, aby w ogóle było wyświetlane okno przeglądarki, tylko moja aplikacja. czy to możliwe?

Aplikacje HTML5 w 2014 roku

Ramki z Chrome / Webkit

• Electron (dawna powłoka atomu)

  Electron to biblioteka open source opracowana przez GitHub do tworzenia wieloplatformowych aplikacji komputerowych z HTML, CSS i JavaScript. Electron osiąga to, łącząc Chromium i Node.js w jedno środowisko uruchomieniowe, a aplikacje mogą być pakowane dla komputerów Mac, Windows i Linux. ( źródło )

  Użytkownicy github używają tego, aby udostępnić swój edytor kodu Atom jako aplikację. Posiada udokumentowane API i kanał pomocy na oficjalnych forach Atom.

• Node-Webkit , najbardziej minimalne podejście

  node-webkit to środowisko uruchomieniowe aplikacji oparte na Chromium i node.js. Możesz pisać aplikacje natywne w HTML i JavaScript za pomocą node-webkit. Umożliwia także wywoływanie modułów Node.js bezpośrednio z DOM i umożliwia nowy sposób pisania natywnych aplikacji przy użyciu wszystkich technologii internetowych.

  Za tym stoi Intel (?). Powiedziano mi, że jest bardzo szorstki na krawędziach.

• Brackets Shell , piaskownica edytora kodu Adobes (i podstawa Adobe Edge)

  Uwaga: Powłoka nawiasów jest obsługiwana tylko do użytku przez projekt Brackets. Chociaż niektórym osobom z pewnością udało się użyć go jako powłoki aplikacji dla innych projektów, nie zapewniamy żadnego oficjalnego wsparcia w tym zakresie i nie włożyliśmy zbyt wiele pracy, aby umożliwić łatwe ponowne użycie powłoki aplikacji. Wiele osób prawdopodobnie będzie łatwiej korzystać z projektu takiego jak node-webkit, który jest bardziej ogólny z założenia.

  mówi plik readme, ale jest sporo osób, które to zrobiły.

Struktury + narzędzia

• Adobe AIR , jak sugerowały inne odpowiedzi.

  Środowisko wykonawcze Adobe® AIR® umożliwia programistom umieszczanie tego samego kodu w natywnych aplikacjach na komputery stacjonarne z systemem Windows i Mac OS, a także na iPhone'a, iPada, Kindle Fire, Nook Tablet i inne urządzenia z systemem Android ™, docierając do sklepów z aplikacjami mobilnymi dla ponad 500 milionów urządzenia.

• Sencha to firma sprzedająca narzędzia dla twórców aplikacji, w tym tworzenie i dystrybucję aplikacji HTML5.

Nieaktywne podejścia

• Tide SDK ( zarchiwizowane 12.07.2015 na archive.org ), wersja beta, wycofane 12 lipca 2015

  http://www.tidesdk.org/

• XULRunner z Mozilli może załatwić sprawę, ale dodaje trochę narzutów.

• app.js zakończył się 28 października 2013 r. za bycie wyprzedzonym przez ( https://github.com/rogerwang/node-webkit)[node-webkit] .

  Ponieważ jest prosty, a jednocześnie potężny. Korzystając z AppJS nie musisz martwić się o kodowanie międzyplatformowe lub naukę nowych języków i narzędzi. Znasz już HTML, CSS i JavaScript. Co jest lepsze niż ten stos do tworzenia aplikacji? Poza tym, AppJS używa Chromium w rdzeniu, dzięki czemu masz działające najnowsze interfejsy API HTML 5. Skoncentruj się więc na zadaniu, które powinna wykonać Twoja aplikacja.

• Mozilla Prism jest wycofana z użycia, ich slugline to:

  Wprowadzanie aplikacji internetowych na pulpit
  Prism to aplikacja, która umożliwia użytkownikom dzielenie aplikacji internetowych z przeglądarki i uruchamianie ich bezpośrednio na komputerze.

Możesz użyć AppJS, który używa Nodejs i Chromium do tworzenia aplikacji HTML5 na komputery. sprawdź to: http://appjs.com Github Link: https://github.com/appjs/appjs

Możesz spojrzeć na XULRunner z Mozilli. Na poziomie 10000 stóp przeglądarka FireFox jest aplikacją XULRunner (oczywiście bardzo wyrafinowaną, ale ...). Ale XULRunner pozwala ci używać Javascript i XML do tworzenia aplikacji, a okno przeglądarki jest jednym z tych komponentów, więc po wyświetleniu podstawowego okna możesz prawdopodobnie zrobić prawie wszystko, co chcesz.

Ponadto, w zależności od stopnia zaawansowania aplikacji, istnieje kilka struktur „widżetów” (np. Dashboard na Macu, Yahoo Widgets, Windows Gadgets), które są również w zasadzie środowiskami wykonawczymi HTML.

Zdecydowanie sprawdź Titanium . Właśnie dzisiaj wziąłem funkcjonalną aplikację HTML5 i po kilku drobnych modyfikacjach udało mi się wrzucić ją do Titanium i spakować dla Mac, Windows i Linux.

Obsługuje również PHP, Python i Ruby, jeśli Twoja aplikacja wymaga przetwarzania „po stronie serwera”.

chrome może zrobić to, co pryzmat Zobacz - Narzędzia-> Utwórz skrót do aplikacji

Możesz wypróbować Phonegap, jest port pulpitu Windows: https://github.com/davejohnson/phonegap-windows

Wypróbowałem port Mac, działał dobrze. Nie próbowałem jeszcze wersji Windows.

Adobe AIR ma umożliwiać pracę głównie w językach HTML, CSS i JavaScript, zapewniając jednocześnie aplikację komputerową. (Uwaga: sam z niego nie korzystałem).

[Tylko w systemie Windows] wypróbuj podejście aplikacji HTML (HTA) - po prostu zapisz plik .html z rozszerzeniem .hta. Zawiera również dodatkowe ustawienia umożliwiające pozbycie się okna przeglądarki, ustawienie poziomu zaufania dla aplikacji itp. Więcej informacji można znaleźć tutaj: http://en.wikipedia.org/wiki/HTML_Application i tutaj http://technet.microsoft. pl / en-ca / scriptcenter / dd742317.aspx

Hmmm ... maszyna wirtualna dla HTML5 / CSS / JS ... brzmi jak przeglądarka. :)

Może Adobe AIR załatwi sprawę, ponieważ opiera się na pomyśle przeniesienia bogatych aplikacji internetowych na pulpit. Jednak nigdy go nie używałem.

Jedną z rzeczy, które możesz zrobić, to stworzyć bardzo podstawową aplikację komputerową, która używa pewnego rodzaju gotowej kontrolki przeglądarki internetowej (np. Jeśli tworzysz na Maca, po prostu upuść WebView w oknie i dodaj trochę podstawowego kodu, aby załadować swój kod HTML do aplikacji uruchomienie).

Sprawdź ten nowy projekt Mozilli. Możesz także tworzyć aplikacje na komputery stacjonarne: https://developer.mozilla.org/en/Apps

Szczegóły tutaj: http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/

W przypadku telefonów komórkowych możesz skorzystać z PhoneGap http://www.phonegap.com/ . Prawdopodobnie przy odrobinie kodowania możesz go użyć na komputerze.

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

Obecnie odpowiedź brzmi, że są różne rozwiązania dla każdej platformy.

• W przypadku systemu MAC OSX utworzysz aplikację Cocoa Desktop z UIWebView
• W przypadku systemu Windows utworzysz aplikację komputerową .NET ze składnikiem przeglądarki.

Możesz użyć wbudowanego serwera, takiego jak Tomcat lub może Apache.

Używam tomcat do kompletnej aplikacji internetowej Java. Uruchom w przeglądarce, ale aplikacja musi być zainstalowana. Skrót do uruchomienia aplikacji, uruchomienia usługi i otwarcia przeglądarki.

Lub spróbuj użyć zestawu internetowego

Trochę późno, ale możesz użyć przenośnej wersji Google Chrome, a następnie utworzyć małą aplikację Windows, aby ją zainstalować, i utworzyć skrót .ink do jej --kiosk i trybu aplikacji.
Trochę jak skróty do aplikacji Chrome, ale gdzie instalujesz dla nich chrome.

Jeśli potrzebujesz go tylko dla systemu Windows, powinieneś rozważyć Aplikacje HTML (HTA), jest częścią Internet Explorera od IE 5 (ponad 10 lat).

Nie jest wymagany serwer, pełne formatowanie HTML, pełny dostęp do lokalnych zasobów (nawet portów COM / USB), super. Ponadto, łatwe do debugowania w programie Visual Studio, po prostu powiąż z MSHTA.exe

Możesz włączyć HTML 5 w aplikacjach HTA za pomocą następującego metatagu:

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