Вверх ↑
Этот топик читают: Гость
Ответов: 1729
Рейтинг: 66
#1: 2016-09-27 21:43:31 ЛС | профиль | цитата
ВНИМАНИЕ! Занимаемое место приложением более 85МБ

Для примера буду собирать examples/Tabs/WinControls/VideoPlayer.sha

Скриншот



1. Нужно скачать с сайта Windows 32-bit/64-bit версию (рекомендую Stable v0.17.4).
2. Разархивировать в любую папку.
3. Собрать приложение и скачать получившийся ZIP архив.
Скриншот


4. Скачать вспомогательные файлы и разархивировать в любую папку.
5. Скопировать из архива приложения (пт.3) файл с расширением .js и .css(если есть компонент CSS) в папку с вспомогательными файлами.
6. Открыть файл index.html в любом текстовом редакторе.
7. Заменить содержимое на нужное. Добавить ссылку на стили(если есть компонент CSS) перед </head>
‹link rel="stylesheet" href="VideoPlayer.css" type="text/css" /›
Пример

‹!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"›
‹html›
‹head›
‹meta http-equiv="content-type" content="text/html; charset=UTF-8" /›
‹title›Video player‹/title›
‹link rel="stylesheet" href="css/style.css" type="text/css" /›
‹link rel="stylesheet" href="css/ui.css" type="text/css" /›
‹script type="text/javascript" src="js/htmltools.js"›‹/script›
‹script type="text/javascript" src="js/dialog.js"›‹/script›
‹script type="text/javascript" src="js/ui.js"›‹/script›
‹script src="VideoPlayer.js" type="text/javascript"›‹/script›
‹/head›
‹body›
‹script type="text/javascript"›
var module = new hiVideoPlayer();
module.run();
‹/script›
‹script src="js/standalone.js" type="text/javascript"›‹/script›
‹/body›
‹/html›
8. Архивировать получившийся файлы в ZIP архив (Ctrl+A -› ПКМ -› Отправить -› Сжатая ZIP папка)
9. Переименовать архив в package.nw.
10. Положить рядом с nw.exe
11. Запустить CMD в папке и выполнить copy /b nw.exe+package.nw app.exe
11.1 Для Linux cat nw package.nw > app && chmod +x app
11.2 Для Mac, положить package.nw в nwjs.app/Contents/Resources/

Готово. Теперь запускайте ваше приложение через app.exe.

Иконку можно сменить любым Resource Hacker'ом

Видео инструкция
Упакованный nw.dll до 18388 Кбайт

Редактировалось 3 раз(а), последний 2016-09-27 22:26:39
карма: 1

5
Голосовали:Konst, miver, Dilma, andrestudio, Dseren
vip
#1.1контекстная реклама от партнеров
Администрация
Ответов: 15262
Рейтинг: 1498
#2: 2016-09-28 18:29:16 ЛС | профиль | цитата
Тоже самое можно сделать с Electron
карма: 21
0
Ответов: 1729
Рейтинг: 66
#3: 2016-09-28 18:34:50 ЛС | профиль | цитата
Если это сообщение наберет 100+ классов напишу как собрать Android проект.
Шучу, если кому будет нужно я напишу.
Доступные платформы:

    Amazon Fire OS
    Android
    BlackBerry 10
    Firefox OS
    iOS
    Ubuntu
    Windows Phone 8
    Windows
    Tizen
Скриншот


Dilma, это да, но дистрибуция у NW.js проще. К тому же можно защитить исходный код.
карма: 1

0
Администрация
Ответов: 15262
Рейтинг: 1498
#4: 2016-09-28 19:17:28 ЛС | профиль | цитата
Для сборки таких приложений логично будет сделать в Position у форму добавить FullScreen. А сборку с Standalone встроить в среду как отдельный компилятор с получением ссылки на закачку готового приложения под выбранную ОС.
карма: 21
1
Голосовали:Konst
Ответов: 1729
Рейтинг: 66
#5: 2016-09-28 19:29:18 ЛС | профиль | цитата
Dilma, само приложение растягивается скриптом. То есть я пытался сделать так чтобы не трогать сборку в Hion.

--- Добавлено в 2016-09-28 19:33:39

Dilma, если в будущем при создании проекта в Hion будет добавлено Android/iOS/WinPhone, то я попробую сделать компоненты из Cordova API.

Редактировалось 1 раз(а), последний 2016-09-28 19:33:39
карма: 1

0
Администрация
Ответов: 15262
Рейтинг: 1498
#6: 2016-09-28 19:39:12 ЛС | профиль | цитата
Cosinus писал(а):
если в будущем при создании проекта в Hion будет добавлено Android/iOS/WinPhone

Имеется ввиду пакет, который генерирует приложения под эти платформу или компилятор, который HTML+CSS+JS заворачивает в нативное приложение(+ использование функций устройства, которые доступны из JS)?
карма: 21
0
Ответов: 1729
Рейтинг: 66
#7: 2016-09-28 19:41:57 ЛС | профиль | цитата
Dilma, необязательно пакет, можно просто стандартный расширять группами компонентов.
Просто у них будет API который будет недоступен в обычных браузерах, например статус батареи.
карма: 1

0
Администрация
Ответов: 15262
Рейтинг: 1498
#8: 2016-09-28 20:54:09 ЛС | профиль | цитата
Сборка Tabs/Firebase/Chat.sha под NWJS со свойством Position=FullScreen:



Cosinus писал(а):
Иконку можно сменить любым Resource Hacker'ом

К чему такие сложности? Достаточно прописать её в манифесте

    "window": {
"icon": "icon.png"
}
карма: 21
0
Ответов: 1729
Рейтинг: 66
#9: 2016-09-28 20:58:03 ЛС | профиль | цитата
Что-то я не нашел.


Dilma писал(а):
Достаточно прописать её в манифесте

Но на самом exe будет другая иконка.

Dilma, та же схема для Android.
MainForm.Position = None;
MainForm.ShowCaption=0
MainForm.ShowBorder=0
Скриншот

Редактировалось 2 раз(а), последний 2016-09-28 21:12:19
карма: 1

0
Администрация
Ответов: 15262
Рейтинг: 1498
#10: 2016-09-28 21:33:41 ЛС | профиль | цитата
Cosinus писал(а):
Но на самом exe будет другая иконка.

Понятно, вопрос снят тогда.

Cosinus писал(а):
та же схема для Android.

Это сборка с Cordova?
карма: 21
0
Ответов: 1729
Рейтинг: 66
#11: 2016-09-28 21:35:35 ЛС | профиль | цитата
Dilma, я могу написать инструкцию. Это PhoneGap. На выходе получаются APK весом 5МБ.
Там минимальные правки HTML.

Редактировалось 1 раз(а), последний 2016-09-28 21:36:11
карма: 1

0
Ответов: 212
Рейтинг: 6
#12: 2016-09-29 01:04:16 ЛС | профиль | цитата
Свои стили для формы и элементов не работают.... форма открывается стандартная в скомпилированном приложении
карма: 2

0
Ответов: 1729
Рейтинг: 66
#13: 2016-09-29 01:07:29 ЛС | профиль | цитата
Iliya, вы выполнили пункт 7 полностью?
Добавили ‹link rel="stylesheet" href="<APP_NAME>.css" type="text/css" /› перед </head> ?
карма: 1

0
Ответов: 212
Рейтинг: 6
#14: 2016-09-29 07:27:06 ЛС | профиль | цитата
Cosinus писал(а):
Iliya, вы выполнили пункт 7 полностью?
Добавили ‹link rel="stylesheet" href="<APP_NAME>.css" type="text/css" /› перед </head> ?


Да, все строго по инструкции

P.S. На третий раз все получилось

Редактировалось 2 раз(а), последний 2016-09-29 07:33:05
карма: 2

0
Ответов: 28
Рейтинг: 5
#15: 2016-09-30 13:55:17 ЛС | профиль | цитата
Cosinus писал(а):
ВНИМАНИЕ! Занимаемое место приложением более 85МБ

Для примера буду собирать examples/Tabs/WinControls/VideoPlayer.sha

Скриншот

1. Нужно скачать с сайта Windows 32-bit/64-bit версию (рекомендую Stable v0.17.4).
2. Разархивировать в любую папку.
3. Собрать приложение и скачать получившийся ZIP архив.
Скриншот
4. Скачать вспомогательные файлы и разархивировать в любую папку.
5. Скопировать из архива приложения (пт.3) файл с расширением .js и .css(если есть компонент CSS) в папку с вспомогательными файлами.
6. Открыть файл index.html в любом текстовом редакторе.
7. Заменить содержимое на нужное. Добавить ссылку на стили(если есть компонент CSS) перед </head>
‹link rel="stylesheet" href="VideoPlayer.css" type="text/css" /›
Пример
...

Редактировалось 3 раз(а), последний 2016-09-27 22:26:39


Для тех кто не любит работать с командной строкой, продолжая с 8-го пункта рекомендую использовать утилиту Web2Executable с графическим интерфейсом.
Дополнительная литература:
Сборка NW.js (node-webkit) приложения с помощью Web2Executable

P.S. Там же и удобно иконку прописывать на exe-шник и на стартовые файлы других платформ.

Редактировалось 2 раз(а), последний 2016-09-30 16:58:38
карма: 2
Windows 10 64-bit, Yandex.браузер
0
Сообщение
...
Прикрепленные файлы
(файлы не залиты)