angularjs - Ionic 框架与 nw.js 的集成

Question

我将构建一个 nw.js(节点 webkit)应用程序以实现可移植性(Mac 和 Windows)。由于我希望该应用程序稍后可以在移动设备(iOS 和 Android)上运行，因此我使用了 Ionic 框架。作为suggested by Ionic folks ，最好保留两组 View ，一组用于 Ionic(移动)，一组用于 nw.js(桌面)。希望我可以在 Controller 和工厂中共享代码。

所以，这就是我所做的:

1) 创建一个 Ionic 框架项目:

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

2) 为 nw.js 创建入口点 html 并设置 list :

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"
    }

并在 node webkit 中运行应用程序:

nw .

基本上我创建了app.html和 package.json在www Ionic 框架项目的文件夹。现在我有一个 nw.js 框架项目，同时包含 Ionic 和 Angular 框架。

我的问题是，以上是否有意义？只要有两个入口点(Ionic 的 index.html，nw.js 的 app.html)，在 www 中添加不相关的 html/css/js 是否安全 ionic 文件夹？为了进一步扩展，我可能会用 Bootstrap 替换 Ionic，只留下 AngularJS 代码( Controller 和工厂)在移动和桌面应用程序之间共享。

Answer 1

Ionic 显然以移动设备为中心，因此您至少必须在桌面 UI 上做出一些权衡。拥有两个入口点将清楚地解决这个问题，并且为两者拥有两个单独的 html/css/js 将是安全的(尽管效率不高)。但是，我建议至少为 css/js 确定尽可能多的通用代码，并将其用于两者。尝试使用 sass/scss如果可能，而不是普通的 css。

如果您想为桌面和移动设备使用一个单一的 UI，我建议您查看 angular material .我目前正在用它开发一个桌面/平板电脑应用程序，它工作得很好，但 Angular Material 显然是移动优先或至少非常适合移动设备。这使得它比 Bootstrap 更适合移动设备，我认为它首先是桌面设备。