По-перше, мені не цікаво займатися цим професійно. Я веб-розробник, недавно виїхав у службу Spotify, і сказав, що він працює в основному в JavaScript для програми Spotify Desktop. Він сказав, що використовується "Chrome frame", і все, що знаходиться всередині, робиться як веб-додаток (HTML / JS / CSS).

Як веб-розробник, який ніколи нічого не створював для Desktop, це чудова новина. Якщо я можу використовувати ті технології, які я вже знаю, і впроваджувати їх всередині якогось "кадру" і все-таки матиму змогу створити вікно чи ще краще кросплатформенний додаток.

Я знаю, що я нічого не згадував про базу даних, але навіть простий привіт настільний додаток у світі з веб-технологіями було б чудово.

То як же з цим піти? Що саме я повинен / мушу знати?

Ви можете почати з Titanium для настільних розробників. Також ви можете ознайомитись із вбудованою рамкою Chromium . Це в основному керування веб-браузером на основі хрому.

Він написаний на C ++, тому ви можете виконувати всі необхідні вами ОС на низькому рівні (Growl, піктограми лотка, доступ до локальних файлів, COM-порти тощо) у вашому контейнерному додатку, а потім усю логіку та gui програми в html / javascript. Це дозволяє перехопити будь-який http-запит або для обслуговування місцевих ресурсів, або для виконання певних спеціальних дій. Наприклад, запит на http://localapp.com/SetTrayIconState?state=ctive може бути перехоплений контейнером, а потім викликати функцію 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

Оновлення

Моя попередня відповідь зараз застаріла. У ці дні ви б з розуму не задумалися використати Electron для цього. Над ним було розроблено безліч популярних настільних додатків.

ПРИМІТКА: AppJS застаріло і більше не рекомендується.

Погляньте на NW.js замість цього.

Здається, що рішення для настільних програм HTML / JS / CSS не вистачає.

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

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

Вибачте, що лопнув міхур, але Spotify настільний клієнт - це просто веб-браузер . Звичайно, він відкриває певні додаткові функціональні можливості, але він здатний запускати JS та рендерувати HTML / CSS, оскільки у нього є JS-двигун, а також Chromium-рендерінг. Це не допоможе вам кодувати веб-додаток на стороні клієнта та розміщувати його на кількох платформах.

Те, що ви шукаєте, схоже на Sencha Touch - рамку, яка дозволяє додаткам HTML5 розгортатися на пристроях iOS, Android та Blackberry. В основному він виступає посередником між певними викликами API та наявними функціональними можливостями пристрою.

Я не маю досвіду роботи з програмою appcelerator , але, схоже, це робиться саме так - і отримуйте дуже сприятливі відгуки в Інтернеті. Ви повинні дати йому піти (якщо ви не хотіли повернутися до 1999 року і прокататись з MS HTA ;)

Я знаю, що є Fluid and 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.