Решения для распространения приложений HTML5 в качестве настольных приложений?

Question

Решения для распространения приложений HTML5 в качестве настольных приложений?

137

Каковы некоторые решения для распространения настольного приложения на базе HTML5?

Я хочу иметь возможность распространять свое приложение HTML5 как автономное настольное приложение для Windows, OSX и Linux. Я бы хотел, чтобы люди могли дважды щелкнуть значок ярлыка приложения, чтобы запустить мою программу.

Я не хочу, чтобы окно браузера отображалось вообще, просто мое приложение. Возможно ли это?

foreyez 02 фев. 2011, в 01:18

Источник

4

Chrome + Fullscreen работает хорошо
PostMan 02 фев. 2011, в 00:38
0

Мне не нужен полноэкранный режим, как в окне приложения, где он не занимает весь экран. возможно я мог бы даже минимизировать, максимизировать (я знаю, что это надуманно, но возможно ...)
foreyez 02 фев. 2011, в 00:39
0

Chrome поддерживает те
STW 02 фев. 2011, в 00:45
2

В Chrome на Windows есть опция «сделать ярлык приложения» из меню гаечного ключа. На рабочем столе будет создана ссылка, которая открывает стандартное окно без адресной строки.
6502 02 фев. 2011, в 00:48
3

Есть ли у вас какие-либо другие требования, например, доступ к локальным файлам или другим вещам, которые обычно невозможны в браузере?
Tiemen 08 авг. 2011, в 08:31
0

Обратите внимание, что Windows 8 будет иметь настольные приложения, работающие на javascript (мой вопрос изначально опередил свое время!)
foreyez 11 окт. 2011, в 19:36
0

Впоследствии эта тема поднималась в stackoverflow.com/questions/11215454/… и stackoverflow.com/questions/11015811/…
Motin 26 нояб. 2012, в 10:56
75

Может кто-нибудь объяснить мне, почему этот вопрос помечен как неконструктивный ? Он спрашивает, есть ли платформа, ответ объективен: да . И может быть «реализовано» с некоторыми возможностями, так почему же так отмечено, действительно.
Fire-Dragon-DoL 06 янв. 2013, в 10:13
9

Этот вопрос актуален и актуален - как показано в этой недавней статье: clintberry.com/2013/html5-apps-desktop-2013 .
Per Quested Aronsson 10 окт. 2013, в 07:45
0

Посмотрите на PHP Desktop . Не позволяйте имени обмануть вас, PHP Desktop также может выступать в качестве упаковщика для приложений на чистом HTML5 / JS. Он включает браузер Chromium и веб-сервер. Доставка интерпретатора PHP не требуется. PHP Desktop не сильно привязан к PHP, он также может выступать в качестве упаковщика для любых других языков сценариев, таких как Perl, Ruby, Python, которые предоставляют интерфейс CGI для выполнения сценариев.
Czarek Tomczak 02 фев. 2014, в 12:13
0

Не забудьте PHP Nightrain. Вы можете просто кодировать свою страницу в HTML / CSS / Javascript и никогда не трогать PHP. К вашему сведению, поддержка webkit в ближайшее время! naetech.com/php-nightrain
roosevelt 23 июль 2014, в 18:24
0

Вы можете встроить браузер и скрыть окно, вы можете использовать github.com/dns/WinAPI-Embed-Browser/releases в качестве примера запуска программы.
dns 04 март 2015, в 18:09

Показать ещё 10 комментариев

Теги:

javascript

html5

desktop-application

16 ответов

Ещё вопросы

Мне не нужен полноэкранный режим, как в окне приложения, где он не занимает весь экран. возможно я мог бы даже минимизировать, максимизировать (я знаю, что это надуманно, но возможно ...)
В Chrome на Windows есть опция «сделать ярлык приложения» из меню гаечного ключа. На рабочем столе будет создана ссылка, которая открывает стандартное окно без адресной строки.
Есть ли у вас какие-либо другие требования, например, доступ к локальным файлам или другим вещам, которые обычно невозможны в браузере?
Обратите внимание, что Windows 8 будет иметь настольные приложения, работающие на javascript (мой вопрос изначально опередил свое время!)
Впоследствии эта тема поднималась в stackoverflow.com/questions/11215454/… и stackoverflow.com/questions/11015811/…
Может кто-нибудь объяснить мне, почему этот вопрос помечен как неконструктивный ? Он спрашивает, есть ли платформа, ответ объективен: да . И может быть «реализовано» с некоторыми возможностями, так почему же так отмечено, действительно.
Этот вопрос актуален и актуален - как показано в этой недавней статье: clintberry.com/2013/html5-apps-desktop-2013 .
Посмотрите на PHP Desktop . Не позволяйте имени обмануть вас, PHP Desktop также может выступать в качестве упаковщика для приложений на чистом HTML5 / JS. Он включает браузер Chromium и веб-сервер. Доставка интерпретатора PHP не требуется. PHP Desktop не сильно привязан к PHP, он также может выступать в качестве упаковщика для любых других языков сценариев, таких как Perl, Ruby, Python, которые предоставляют интерфейс CGI для выполнения сценариев.
Не забудьте PHP Nightrain. Вы можете просто кодировать свою страницу в HTML / CSS / Javascript и никогда не трогать PHP. К вашему сведению, поддержка webkit в ближайшее время! naetech.com/php-nightrain
Вы можете встроить браузер и скрыть окно, вы можете использовать github.com/dns/WinAPI-Embed-Browser/releases в качестве примера запуска программы.

Samuel Herzog · Answer 1 · 2011-02-02T02-14-00.000Z

Приложения HTML5 в 2014 году

Фреймы по хром /webkit

Electron (прежняя оболочка Atom)

Электрон - это библиотека с открытым исходным кодом, разработанная GitHub для создания кросс-платформенных настольных приложений с HTML, CSS и JavaScript. Electron выполняет это путем объединения Chromium и Node.js в единую среду выполнения, а приложения могут быть упакованы для Mac, Windows и Linux. (источник)

Люди в github используют это, чтобы обеспечить их редактор кода Atom в качестве приложения. У него есть документально подтвержденный api и справочный канал на официальных форумах атома.
Node-Webkit, самый минимальный подход

node -webkit - это среда выполнения приложений на основе Chromium и Node.js. Вы можете писать собственные приложения в HTML и JavaScript с помощью node -webkit. Он также позволяет вам вызывать модули Node.js непосредственно из DOM и позволяет новый способ записи собственных приложений со всеми веб-технологиями.

Intel стоит за этим (?). Мне говорили очень грубо по краям.
Скобки Shell, песочница редактора кода Adobes (и базы Adobe Edge)

Примечание. Скобки-оболочки поддерживаются только для использования в проекте "Кронштейны". Хотя некоторым людям определенно удалось использовать его в качестве оболочки приложения для других проектов, мы не предоставляем никакой официальной поддержки для этого, и мы не выполнили много работы, чтобы сделать оболочку приложения легко повторно используемой. Многим людям, скорее всего, будет проще использовать такой проект, как node -webkit, который более общий по дизайну.

говорит readme, но есть много людей, которые все же сделали это.

Рамки + Инструменты

Adobe AIR, как предлагают другие ответы.

Среда исполнения Adobe AIR позволяет разработчикам упаковывать один и тот же код в собственные приложения для настольных компьютеров Windows и Mac OS, а также iPhone, iPad, Kindle Fire, Nook Tablet и других устройств Android , доставляя магазины мобильных приложений для более 500 миллионов устройств.
Sencha - это компания, которая продает инструменты для разработчиков приложений, включая разработку и распространение приложений html5.

Неактивные подходы

Tide SDK (архивировано в 2015-07 -12 at archive.org), бета-версия, прекращена 12 июля 2015 года

http://www.tidesdk.org/
XULRunner из Mozilla может сделать трюк для вас, но добавляет некоторые накладные расходы.
app.js закончился 28 октября 2013 г. за превышение (https://github.com/rogerwang/node-webkit)[node-webkit].

Потому что он прост и одновременно мощный. Используя AppJS, вам не нужно беспокоиться о кросс-платформенной кодировке или изучении новых языков и инструментов. Вы уже знакомы с HTML, CSS и JavaScript. Что лучше, чем этот стек для разработки приложений? Кроме того, AppJS использует Chromium в ядре, поэтому вы получаете последние API-интерфейсы HTML 5. Итак, сосредоточьтесь на задаче, которую должна выполнять ваша заявка.
Mozilla Prism декомпрессирован, их slugline:

Приведение веб-приложений на рабочий стол
Prism - это приложение, которое позволяет пользователям разделить веб-приложения из своего браузера и запустить их прямо на рабочем столе.

Просто один на один с Adobe Air. Если вы планируете использовать какое-либо решение на основе шаблонов javascript (например, Handlebars, Mustache), большинство из них не работает из-за ошибок безопасности, связанных с вызовами новой функции () javascript.
спасибо за этот очень полезный совет! к сожалению, у меня не было возможности протестировать ни один из перечисленных выше примеров. Я просто собрал их с помощью исследований.
Вы можете заставить ваше приложение работать не только в изолированной программной среде безопасности. У меня была эта проблема с системой шаблонов KendoUI, и я смог ее преодолеть. В любом случае я перешел с Air на Titanium Desktop, но в настоящее время я ищу альтернативы, поскольку реализация TD в веб-наборе Windows имеет серьезные проблемы с элементами формы (входы / выпадающие списки). ).
Вы можете использовать Sentenza Desktop для упаковки веб-приложения HTML5 / CSS3 / JS в приложение Mac OS X (.app). Библиотека API также доступна. Для этого не требуется никаких фреймворков (таких как Adobe Air или TideSDK). Поддерживается развертывание Mac App Store.
К сожалению, XULRunner теперь помечен как архивированный контент. (ака) Мертвый
Оболочка Атома теперь известна как Электрон

Morteza Milani · Answer 2 · 2012-06-02T14-38-00.000Z

14

Вы можете использовать AppJS, который использует Nodejs и Chromium для создания приложений html5 для рабочего стола. проверьте это: http://appjs.com Github Ссылка: https://github.com/appjs/appjs

Morteza Milani 02 июнь 2012, в 14:38

1

Аналогичным является node-webkit, у него есть несколько полезных функций, таких как компиляция javascript с использованием снимка v8. ссылка на сайт
pillar15 01 март 2013, в 09:23
0

Уведомление об устаревании Проект AppJS активно не разрабатывался в течение нескольких лет. Пожалуйста, проверьте NW.js или Электрон вместо этого.
Aaron Franke 26 фев. 2017, в 02:15

ggutenberg · Answer 3 · 2011-04-06T18-42-00.000Z

10

Определенно проверьте Titanium. Только сегодня я взял функциональное приложение HTML5 и с несколькими незначительными модификациями смог отбросить его в Titanium и упаковать его для Mac, Windows и Linux.

И он также поддерживает PHP, Python и Ruby, если ваше приложение требует обработки на стороне сервера.

ggutenberg 06 апр. 2011, в 18:42

0

Если вам нужно готовое решение, я думаю, что это ответ.
dylanized 26 нояб. 2011, в 23:53
15

Мой опыт работы с Titanium был ужасным - он выглядит великолепно снаружи, но наполнен ошибками и превращается в ад, который очень быстро использует. Я не могу рекомендовать это.
Damian 23 фев. 2012, в 14:18
3

Я также подумал, что это будет хорошим выбором, но: 1) я не мог заставить его запустить простой «create-new-project / run» в Linux (Ubuntu 11.10) 2) Titanium Desktop превращается в проект, управляемый COmmunity ( это означает, что, если кто-то не берет их код, он умрет)
Luis Lobo Borobia 29 фев. 2012, в 13:43
4

Я знаю, что это старо, но я только прочитал этот ответ и потратил некоторое время, пока не выяснил, что Titanium Desktop мертв. Так что больше не вариант. Кстати, я подумываю о создании чего-то со встроенным c # и хромом, как это делал github в своем инструменте для окон
NicoGranelli 04 июнь 2012, в 09:07
6

Рабочий стол Titanium стал TideSDK tidesdk.org
Peacemoon 28 июнь 2012, в 12:53
0

А что такое Appcelerator?
Brian Ortiz 24 авг. 2013, в 16:44
0

TideSDK стал платным TideKit tidekit.com Слишком плохо.
Nostalg.io 12 апр. 2014, в 17:31
0

И просто для полноты этого ответа, я думаю, что TideKit умер до того, как он был выпущен. Есть некоторые юридические проблемы, касающиеся закрытой компании и денег, которые она собрала в качестве оплаты за досрочное освобождение, как вы можете видеть на их странице в Твиттере.
gemantzu 08 авг. 2015, в 21:12

Показать ещё 6 комментариев

Will Hartung · Answer 4 · 2011-02-02T01-25-00.000Z

Возможно, вам захочется взглянуть на XULRunner из Mozilla. На уровне 10000 футов браузер FireFox является приложением XULRunner (очевидно, очень сложным, но...). Но XULRunner позволяет использовать Javascript и XML для создания приложений, а окно браузера является одним из этих компонентов, поэтому, как только вы получите свое основное окно вверх, вы, скорее всего, сделаете почти все, что захотите.

Кроме того, в зависимости от сложности вашего приложения есть несколько "виджетов" (например, Dashboard на Mac, Yahoo Widgets, Windows Gadgets), которые также являются в основном HTML-версиями.

Я настоятельно рекомендую посмотреть на XULRunner. Для того, что вы описываете, это идеально, и хорошо документировано. Я полагаю, что Chrome также будет работать так же хорошо, но я не рассматривал это.
XUL Runner - это потрясающий фреймворк, очень гибкий, но, как вы говорите, недостаточно хорошо документирован. Новичку придется много страдать, чтобы начать дело.

user822746 · Answer 5 · 2011-10-28T12-21-00.000Z

chrome может делать то, что призмы видят - Инструменты- > Создать ярлык приложения

К сожалению, ярлыки приложений недоступны на Mac.

Christian Kuetbach · Answer 6 · 2012-04-04T20-44-00.000Z

Вы можете попробовать Phonegap, есть рабочий стол Windows: https://github.com/davejohnson/phonegap-windows

Я попробовал mac-port, он работал хорошо. Я еще не пробовал версию Windows.

Ссылка для версии mac-port, github.com/shazron/phonegap-mac . Приветствия.

Vik · Answer 7 · 2012-06-28T16-55-00.000Z

[Только в Windows] попробуйте использовать HTML-приложение (HTA) - просто сохраните файл .html с расширением .hta. Он также предоставляет некоторые дополнительные настройки, чтобы избавиться от окна браузера, установить уровень доверия для приложения и т.д. Подробнее здесь: http://en.wikipedia.org/wiki/HTML_Application и здесь http://technet.microsoft.com/en-ca/scriptcenter/dd742317.aspx

T.J. Crowder · Answer 8 · 2011-02-02T00-44-00.000Z

3

Adobe AIR позволяет работать в основном в HTML, CSS и JavaScript, предоставляя настольное приложение. (Предостережение: я на самом деле не использовал его сам.)

T.J. Crowder 02 фев. 2011, в 00:44

1

встроенный в AIR браузер устарел и никогда не будет обновляться, поэтому я его не рекомендую (я использовал его в других проектах)
simion314 17 март 2014, в 08:31
0

@ simion314: Мне любопытно, поскольку AIR - это продолжающийся проект, почему вы говорите, что браузер в нем «никогда» не будет обновлен.
T.J. Crowder 17 март 2014, в 08:47
0

см. forums.adobe.com/message/6177332 Adobe больше работает для мобильной части AIR, а на мобильных устройствах они используют StageWebView и не будут обновлять движок webkit в AIR, а stagewebview ограничивается только отображением материала, например, если вы попробуйте загрузить сложную библиотеку javascript или приложение, такое как ckeditor 4, произойдет сбой из-за несовместимости с движком webkit (некоторые из них связаны с песочницей, но не со всеми)
simion314 17 март 2014, в 10:02

Показать ещё 1 комментарий

Peacemoon · Answer 9 · 2012-05-22T21-53-00.000Z

Проверьте этот новый проект с Mozilla. Вы также можете создавать настольные приложения: https://developer.mozilla.org/en/Apps

Подробнее здесь: http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/

Жаль, что они действительно не создают его как приложение без хрома.

Jeff · Answer 10 · 2011-02-02T01-45-00.000Z

Хммм... виртуальная машина для HTML5/CSS/JS... звучит как браузер.:)

Возможно, Adobe AIR будет делать трюк, потому что это основано на идее принести богатые интернет-приложения на рабочий стол. Однако я никогда не использовал его.

Одна вещь, которую вы могли бы сделать, - разработать очень простое настольное приложение, которое использует какой-то предварительно упакованный элемент управления веб-браузером (например, если вы разрабатываете для Mac, просто отпустите WebView в окне и добавьте базовый код для загрузки вашего html при запуске приложения).

William Walseth · Answer 11 · 2012-07-16T15-35-00.000Z

Если вам просто нужно это для Windows, вы должны рассмотреть HTML-приложения (HTA), он был частью Internet Explorer с IE 5 (более 10 лет).

Не требуется сервер, полное форматирование HTML, полный доступ к локальным ресурсам (даже порты COM/USB), удивительный. Кроме того, легко отлаживается с помощью Visual Studio, просто связывайтесь с MSHTA.exe

Вы можете включить HTML 5 в HTA со следующим метатегом:

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

Bruno Tafarelo · Answer 12 · 2012-04-04T21-50-00.000Z

Вы можете использовать встроенный сервер, например Tomcat или Apache.

Я использую tomcat для полного веб-приложения java. Запустите внутри браузера, но приложение необходимо установить. Ярлык для запуска приложения, запустите службу и откройте браузер.

Или попробуйте использовать webkit

icemelt7 · Answer 13 · 2012-01-24T15-29-00.000Z

1

В настоящее время ответ заключается в том, что это разные решения каждой платформы.

Для MAC OSX Вы создадите приложение Cocoa Desktop с интерфейсом UIWebView
Для Windows вы создадите настольное приложение .NET с компонентом браузера.

icemelt7 24 янв. 2012, в 15:29

0

Я думаю, что использование окон с компонентом браузера имеет несколько ограничений (может получить доступ к файловой системе или показать всплывающее окно?). Знаете ли вы какой-либо проект, чем использовать этот подход? ...
clagccs 15 фев. 2012, в 21:29
0

Лучший ответ, и никто не признает это. Сзади в основном все гибридные решения используют компонент webview, который ведет себя так же, как браузер. Это все, что вам нужно, получить веб-просмотр, загрузить HTML / CSS / JS и вуаля!
Dan Ochiana 13 март 2017, в 19:45

athanis · Answer 14 · 2012-01-12T14-37-00.000Z

1

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

athanis 12 янв. 2012, в 14:37

3

Сенча: «Начиная с $ 995 за место разработчика» Покки: только для Windows ...
Motin 26 нояб. 2012, в 05:35

user977828 · Answer 15 · 2011-10-04T07-06-00.000Z

Для мобильных телефонов вы можете использовать PhoneGap http://www.phonegap.com/. Вероятно, с некоторым кодированием вы можете использовать его для рабочего стола.

Frank · Answer 16 · 2012-06-26T11-52-00.000Z

Немного поздно, но вы можете использовать портативную версию google chrome, а затем создать небольшое приложение для Windows, чтобы установить его, и создать ярлык .ink для своего режима -kiosk и app.
Kinda, как хром-ярлыки приложений, но где вы устанавливаете хром для них.