Ionic框架与nw.js的集成

Question

我将为可移植性(Mac和Windows)构建一个nw.js (节点webkit)应用程序。由于我希望这个应用程序能在移动设备(iOS和安卓)上运行，所以我使用Ionic框架。作为由离子人推荐，最好保留两组视图，一组用于Ionic (移动)，一组用于nw.js (桌面)。希望我能在控制器和工厂里共享代码。

所以，我要做的是：

1)创建一个离子骨架项目：

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

2)为nw.js创建一个入口点html并设置清单：

cd www
cp index.html app.html

并删除app.html中下列特定于cordova的行：

<!-- 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 .

基本上，我在一个Ionic框架项目的app.html文件夹中创建了www和package.json。现在，我有了一个具有Ionic框架和角度框架的nw.js框架项目。

我的问题是，以上所说的有道理吗？只要有两个入口点(index.html表示Ionic，app.html表示nw.js)，在Ionic的www文件夹中添加无关的html/css/js是否安全？为了进一步扩展，我可以用Bootstrap替换Ionic，只留下AngularJS代码(控制器和工厂)在移动应用程序和桌面应用程序之间共享。

Answer 1

离子型用户界面显然是以移动为中心的，所以你至少要在桌面用户界面上做出一些权衡。拥有两个入口点可以很好地解决这一问题，并且为这两个条目分别设置两个html/css/js将是安全的(尽管效率不高)。但是，我建议至少为css/js识别尽可能多的通用代码，并将其用于这两种代码。如果可能的话，尝试使用sass/scss而不是普通的css。

如果您想拥有一个用于桌面和移动的单一UI，我建议您看看角质材料。我目前正在开发一个桌面/平板应用程序，它的工作非常好，但角材料显然是首先移动，或至少非常适合移动。这使它成为一个更好的选择移动比引导，我认为这是桌面第一。