Во-первых, мне не интересно заниматься этим профессионально. Я веб-разработчик, мой коллега недавно ушел в Spotify и сказал, что он будет работать в основном на JavaScript для приложения Spotify Desktop. Он сказал, что он использует «Chrome frame», и все внутри сделано как веб-приложение (HTML / JS / CSS).

Для веб-разработчика, который никогда не создавал ничего для Desktop, это отличная новость. Если я смогу использовать технологии, которые я уже знаю, и внедрить их в своего рода «фрейм», я все равно смогу создать Windows или, что еще лучше, кроссплатформенное приложение.

Я знаю, что ничего не упомянул о базе данных, но даже простое настольное приложение hello world с веб-технологиями было бы здорово начать работу.

Так как же это сделать? Что именно мне нужно / нужно знать?

Вы можете начать с Titanium для настольных разработчиков. Также вы можете взглянуть на Chromium Embedded Framework . Это в основном элемент управления веб-браузера на основе хрома.

Он написан на C ++, так что вы можете делать все необходимое для низкоуровневой ОС (Growl, иконки в трее, локальный доступ к файлам, com-порты и т. Д.) В приложении-контейнере, а затем всю логику и графический интерфейс приложения в html / javascript. Это позволяет вам перехватывать любой http-запрос либо для обслуживания локальных ресурсов, либо для выполнения некоторых пользовательских действий. Например, контейнер может перехватить запрос к http://localapp.com/SetTrayIconState?state=active, а затем вызвать функцию C ++ для обновления иконки в трее.

Это также позволяет создавать функции, которые можно вызывать непосредственно из JavaScript.

Отладить JavaScript прямо в CEF очень сложно. Там нет поддержки для ничего, как Firebug.

Вы также можете попробовать AppJS.com (Помогает создавать настольные приложения. Для Linux, Windows и Mac, используя HTML, CSS и JavaScript)

Кроме того, как отмечает @Clint, команда brackets.io (Adobe) создала потрясающую оболочку с использованием Chromium Embedded Framework, которая значительно упрощает начало работы. Она называется оболочкой скобок: github.com/adobe/brackets-shell. Узнайте больше об этом здесь: clintberry.com/2013/html5-desktop-apps-with-brackets-shell.

NW.js

(Ранее известный как node-webkit)

Я бы предложил NW.js, если вы знакомы с Node или имеете опыт работы с JavaScript.

NW.js - это среда выполнения приложений, основанная на Chromium и node.js.

Характеристики

• Приложения написаны на современных HTML5, CSS3, JS и WebGL
• Полная поддержка API Node.js и всех сторонних модулей.
• Хорошая производительность: Node и WebKit работают в одном потоке: вызовы функций выполняются просто; объекты находятся в одной куче и могут просто ссылаться друг на друга
• Легко упаковывать и распространять приложения
• Доступно в Linux, Mac OS X и Windows

Вы можете найти репозиторий NW.js здесь и хорошее введение в NW.js здесь . Если вам нравится изучать Node.js, я бы порекомендовал этот пост с большим количеством хороших ссылок.

Awesomium упрощает использование HTML-интерфейса в вашем приложении на C ++ или .NET

Обновить

Мой предыдущий ответ устарел. В эти дни вы бы с ума сошли, если бы не смотрели на это с помощью Электрон . Многие популярные настольные приложения были разработаны поверх него.

ПРИМЕЧАНИЕ: AppJS устарела и больше не рекомендуется.

Взгляните на NW.js вместо этого.

Похоже, что решения для настольных приложений HTML / JS / CSS не в дефиците.

Одним из решений, с которым я только что столкнулся, является TideSDK: http://www.tidesdk.org/ , который выглядит очень многообещающе, если посмотреть на документацию.

Вы можете разрабатывать с Python, PHP или Ruby, и упаковать его для Mac, Windows или Linux.

Извините, что лопнул, но настольный клиент Spotify - это всего лишь браузер на основе Webkit . Конечно, он предоставляет определенные дополнительные функциональные возможности, но он способен только запускать JS и рендерить HTML / CSS, потому что у него есть JS-движок, а также механизм рендеринга Chromium. Это не поможет вам с написанием клиентского веб-приложения и развертыванием на нескольких платформах.

То, что вы ищете, похоже на Sencha Touch - фреймворк, позволяющий развертывать приложения HTML5 на устройствах iOS, Android и Blackberry. По сути, он выступает в качестве посредника между определенными вызовами API и доступными функциями, специфичными для устройства.

У меня нет опыта работы с appcelerator , но похоже, что он делает именно это - и получаю очень положительные отзывы в Интернете. Вы должны попробовать его (если вы не хотите вернуться в 1999 год и перейти на MS HTA ;)

Я знаю, что есть Fluid и Prism (есть и другие, которыми я привык пользоваться), которые позволяют загружать веб-сайт в нечто похожее на отдельное приложение.

В Chrome вы можете создавать ярлыки на рабочем столе для веб-сайтов. (вы делаете это изнутри Chrome, вы не можете / не должны упаковывать это с вашим приложением) Chrome Frame отличается:

Google Chrome Frame - это плагин, разработанный для Internet Explorer на основе проекта Chromium с открытым исходным кодом; это приносит открытые веб-технологии Google Chrome в Internet Explorer.

Для вашего веб-приложения вам потребуется подобная обертка, а остальное - это веб-технологии, к которым вы привыкли. Вы можете использовать локальное хранилище HTML5 для хранения данных, пока приложение находится в автономном режиме. Я думаю, вы даже сможете работать с SQLite.

Я не знаю, как вы поступили бы с определенными функциями ОС. То, что я описал выше, имеет те же ограничения, что и любой «обычный» сайт. Надеюсь, это даст вам какое-то руководство о том, с чего начать.

Вы можете создавать приложения Javascript с помощью Adobe AIR… http://www.adobe.com/products/air.html

CEF предлагает большую гибкость и возможности для настройки. Но если целью является быстрая разработка node-webkit, это тоже хороший вариант. Node-web kit также предлагает возможность вызова узловых модулей напрямую из DOM.

Если нет никаких встроенных модулей для интеграции, Node-Webkit может предложить лучший пробег. С родными модулями C / C ++ или даже C # лучше с CEF.