18

我们拥有可盈利的移动应用理念，并将构建我们的第一个移动混合应用程序。

我调查了几件事，发现要实现我的端到端目标，我需要：

  1. 前端 UI 框架：可能的选项：Ionic / AngularGap [但文档似乎解析]。

  2. 然后我认为我们需要为各种平台使用 PhoneGap 来包装它。

  3. 有一个后端框架 - Loopback / Parse

我还没有查看具体的文档，但如果路径正确，有经验的建议会非常有帮助。

我现在不知道的是：

A. 我的想法是正确的，我应该如何进行。

B. Ionic 是一个 UI 框架，我如何将它与 Phonegap 连接，例如如何访问本机功能。我想我必须使用 angular 来调用 Phonegap apis ？

C. 如果我得到前端部分集，我如何调用像环回那样的后端api？通过 REST 调用？还是有其他更有效的方法来做到这一点？

有没有更简单的方法来实现这一点？

4

4 回答 4

13

在过去的几个月里，我也在开发移动应用程序。尝试了很多用于混合应用程序开发的 UI 框架，尝试了很多服务器端和 NOSQL DB 技术，以下是我从我的经验中对 UI 框架的学习。

  • Sencha Touch - 混合应用程序领域的早期进入者，迄今为止最为人所知，最好的跨设备支持，但学习曲线陡峭，因为它们有自己的框架规则。此外，应用程序体积庞大，并且在运行时运行所有 JS 来构建 HTML，这在一定程度上影响了性能。如果与 HTML5 相比，用 JS 构建整个应用程序肯定不是一个好主意。

  • jQueryMobile - 移动端性能不佳

  • BootStrap - 良好的用户界面，但在移动设备上性能不佳。考虑到移动，它首先不是开发

  • PhoneJS - 整洁/干净的 UI，但对非开源应用程序不是免费的。

  • Chocolate-chip UI - 轻量级、原生的外观和感觉，但在跨设备情况下没有得到很好的支持，新播放器并且没有太多采用。当然，所做的工作是好的，并希望它在公司的支持下将来会有所改善。

  • Ionic Framework - 开发中出色的 UI 框架。截至目前处于 alpha 阶段，我不会推荐或刺激应用程序。做了一些快速测试，发现 Android 上的一些问题，比如滑块不能正常工作，你需要调整一些东西。我认为，它的发展很快（最近也得到了投资者的资助），所以希望它很快就会成为一个成熟的 UI 框架，并且是最好的，但在此之前它只是用于原型设计而不是产品应用程序。

  • LugoJS - 轻量级 UI 框架。良好的过渡，原生的外观和感觉，良好的跨手机支持（Android + iPhone），不良的选项卡支持（选项卡上有 UI 问题），由于开发人员忙于创建一些新框架，因此没有积极维护。

对于我的应用程序，我选择了 LungoJS，一旦它成熟并得到不错的采用，我最终将转向 Ionic。

所有这些都可以与PhoneGap / Cordova一起使用，以访问本机设备 API 并将其打包为移动应用程序。

关于 jQuery 与 Angular 的建议 - 肯定 Angular 比 jQuery 更好，与 jQuery 实现相比，它在移动应用程序上的性能（UI 转换）更快。

希望它有所帮助。

高拉夫

http://www.linkedin.com/in/gauravdhiman

于 2014-03-13T21:04:04.773 回答
11

我也在尝试研究 Ionic 框架以与 Android 应用程序一起使用。Ionic 似乎是一个非常好的框架，但缺乏文档阻碍了我的进步。

从我目前所见，看起来 Ionic+Angular 已经集成了 Cordova。所以你不再需要创建一个 Cordova 应用程序，只需创建一个 Ionic 应用程序，它下面就有 Cordova：

是否使用Ionic CLI，它使用ionic-angular-cordova-seed

关于后端，Angular 为 AJAX 请求提供了 $http 和 $resource，看看 Angular 文档，我认为 Ionic 没有改变 Angular 进行这些调用的方式。

我的结论：我认为当 Ionic 成为一个更成熟的框架（不会花费很长时间）并具有更好的文档时，它将是最好的 UI 框架。从我看来，它看起来非常原生，性能非常好。而且我仍然计划继续使用它，因为没有更好的选择，尽管这需要我一些时间，因为有些事情我仍然无法理解。

于 2014-03-04T17:38:37.107 回答
6

C. 如果我得到前端部分集，我如何调用像环回那样的后端api？通过 REST 调用？还是有其他更有效的方法来做到这一点？

如今，大多数后端即服务解决方案都提供 REST API。Parse 和 Loopback 都为 javascript 客户端提供 SDK，将 REST 调用包装在更友好的 API 中。

环回

如果您决定使用 LoopBack 作为后端，而使用 AngularJS 作为前端，那么您可以使用loopback-angular项目为您的模型自动生成 $resource 服务。它也带有一个 Grunt 插件。

查看loopback-example-access-control应用程序，它是基于 LoopBack + AngularJS + Ionic 构建的。

解析

我对 Parse 不是很熟悉，快速搜索发现了这些链接：

免责声明：我是 LoopBack 开发人员之一。

于 2014-05-15T05:53:09.190 回答
2

如果您正在寻找开发混合应用程序(phonegap + angularJS + backend)，我想推荐Monaca。我最近才发现它。它非常酷，因为它的框架和自己的后端有 phonegap。此外，它还有一个OnsenUI基于Topcoat和AngularJS.

它还提供了在您的混合应用程序中使用的本机组件。令人印象深刻的是，您甚至不需要在开发期间每次都构建应用程序并将其安装到您的设备上。这就是我最喜欢这件事的地方。

我希望它有所帮助，因为我认为它就像你所要求的一样。我只是一个新手开发人员，我发现它非常易于使用。

于 2014-03-05T04:05:02.783 回答