NWjs - Создание Angular 2 Desktop Apps
Я пытаюсь создать настольное приложение Angular 2 с помощью NWjs. Что такое точка входа?
Любые примеры создания настольных приложений Angular 2 с NW.js
2 ответа
Правильная настройка для тех, кто хочет разрабатывать настольные приложения с использованием Angular2 и NW.js.
NW.js позволяет разработчику указать либо шаблон (например, index.html), либо сценарий входа, как вы упомянули.
Я советую вам проверить потрясающие проекты сообщества NW.js на https://nwutils.io .
Там есть пример приложения NW.js Angular2 Boilerplate, на которое вы должны ссылаться: https://github.com/nwutils/nw-angular-cli-example
Типичным способом разработки приложений NW.js с использованием Angular2 является установка сценария входа. Во время разработки обслуживайте свое приложение Angular так же, как в обычной настройке Angular (т.е.
ng serve
) и запустите приложение NW.js с
--development
флаг и со следующим сценарием ввода:
const settings = {
title: 'NW.js Angular2 Boilerplate',
frame: true,
width: 800,
height: 600
};
if (nw.App.argv.includes('--development')) {
// start your NW.js App with a --dev flag during development.
// since you're serving your Angular App, tell NW.js to open your locally served Angular App
nw.Window.open(
'localhost:4200',
settings,
(win) => win?.showDevTools(),
);
} else {
// otherwise, after your build your Angular App, you tell NW.js to open the built index.html inside your build folder (usually called dist)
nw.Window.open(
'dist/index.html',
settings,
(win) => {},
);
}
Укажите ваш package.json на ваш
entry.js
сценарий:
{
name: 'NW.js Angular2 App',
main: 'entry.js'
}
Вы должны создать приложение, которое запускается локально в вашем браузере, когда вы запускаете, например. index.html
Тогда вы можете упомянуть в начале работы с package.json:
{
"name": "helloworld",
"main": "index.html"
}
И запустите приложение:
Шаг 3. Запустите ваше приложение
cd / path / to / your / app
/ путь / к / нв.
Счастливого взлома!