Download to read offline
Uploaded byKirill Danilov
nw.js введение в кросс-платформенные десктопные приложения на javascript (moscowjs 20)
Документ предоставляет введение в использование nw.js для создания кросс-платформенных десктопных приложений на JavaScript. Он описывает функциональность, установку, API и примеры использования nw.js, а также перечисляет существующие решения и приложения, использующие данную технологию. В документе также упоминается процесс обновления приложений и возможности применения nw.js в различных областях.
nw.js введение в кросс-платформенные десктопные приложения на javascript (moscowjs 20)
- 1. nw.js hello@kirilldanilov.com github.com/broderix введение вкросс-платформенные десктопные приложения на javascript (node-webkit)
- 2. Я хочу свойтекстовый редактор! 2
- 3. Существующие решения 1. Mono,Unity3D - C#, .Net 2. Qt/Gtk - C/C++, js, python, php, bash 3. tidesdk.org - js, python, php, ruby 4. appjs.com -js 5. Brackets Shell - js 6.nw.js - js 3
- 4.
- 5.
- 6. Установка и запуск $npm install -g nw $ nw . $ npm install -g generator-node-webkit $ yo node-webkit 6
- 7. Обзор API ● Window ●Menu ● Tray ● Shell ● Snapshots ● HTML5 Stack: Notifications W3C, Audio, WebGL, etc ● Platform specific: setBadge, requestAttention, Tile 7
- 8. 8 Как работает nw.js require WindowObject Render Thread process global ... console document alert ...
- 9.
- 10. Получаем доступ изio.js в chromium // In index.html <script> global.foo = function(){ console.log('Hello, moscowjs'); }; global.label = {text: 'label'}; require('mymodule.js'); </script> 10 // In mymodule.js global.foo(); label.text = 'Hello, nw.js';
- 11. Сборка npm install grunt-node-webkit-builder gruntbuild npm install appdmg grunt-appdmg grunt appdmg www.jrsoftware.org/isinfo.php osx windows 11
- 12. Обновление приложения ● проверитверсию ● скачает архив (js, html, css, img) ● распакует архив ● сообщит о результатах npm install nw-updater 12
- 13. Пример $ echo ' { "name":"MoscowJS", "main": "http://moscowjs.ru", "window": { "show": true, "toolbar": false } }' > package.json $ nw . 13
- 14. Где использовать? ● оберткасайта ● простые игры ● хранение больших данных ● фоновые процессы ● ежедневные операции 14
- 15. Кто использует nw.js 1.Popcorn Time 2. Intel® XDK 3. DebugGap 4. Tinder++ 5. Mongo Management Studio 6. etc. 15
- 16.