Интеграция Ionic Framework и nw.js

Question

Я собираюсь создать приложение nw.js (node ​​webkit) для переносимости (Mac и Windows). Поскольку я хотел бы, чтобы приложение запускалось на мобильных устройствах (iOS и Android) позже, я использую Ionic Framework. По предложению Ionic, лучше оставить два набора представлений: один для Ionic (мобильный) и один для nw.js (рабочий стол). Надеюсь, я могу поделиться кодами в контроллере и на заводе.

Итак, вот что я делаю:

1) Создать проект ионного скелета:

ionic start --appname Hello Hello sidemenu
cd Hello
ionic serve 
...
quit

2) Создайте точку входа html для nw.js и настройте манифест:

cd www
cp index.html app.html

и удалите следующие специфичные для кордовы строки в app.html:

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

затем создать package.json:

    {
      "name": "hello",
      "version": "1.0.0",
      "description": "Hello World",
      "main": "app.html",
      "window": {
        "title": "Hello",
        "toolbar": true,
        "frame": false,
        "width": 800,
        "height": 600,
        "position": "mouse",
        "min_width": 400,
        "min_height": 200,
        "max_width": 800,
        "max_height": 600
      },
      "webkit": {
        "plugin": true
      },
      "author": "Horace Ho"
    }

и запустите приложение в узле webkit:

nw .

В основном я создал app.html а также package.json в www папка проекта ионного скелета. Теперь у меня есть скелетный проект nw.js с ионной и угловой структурой.

Мой вопрос, имеет ли вышесказанное смысл? Пока есть две точки входа (index.html для Ionic, app.html для nw.js), безопасно ли добавлять несвязанные html/css/js в www папка ионная? В дальнейшем я могу заменить Ionic на Bootstrap и оставить только коды AngularJS (контроллер и фабрика) для совместного использования мобильными и настольными приложениями.

Answer 1

Ionic явно ориентирован на мобильные устройства, поэтому вам придется сделать хоть какие-то компромиссы в своем настольном интерфейсе. Наличие двух точек входа однозначно решит эту проблему, и будет безопасно (хотя и не эффективно) иметь два отдельных html/css/js для обоих. Тем не менее, я бы предложил определить как можно больше общего кода, по крайней мере, для css / js и использовать его для обоих. Попробуйте использовать sass/scss вместо простого css, если это возможно.

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