如何进行混合移动应用理念？ [关闭]

Question

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

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

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

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

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

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

我现在不知道的：

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

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

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

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

Answer 1

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

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

• jQueryMobile - 移动端性能不佳

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

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

• Chocolate-chip UI - 重量轻，外观和感觉，但不是 在跨设备案例、新播放器和不多的情况下得到很好的支持 采用。当然所做的工作是好的，希望它会改进 未来由company支持。

• Ionic Framework - 开发中出色的 UI 框架。截至目前在阿尔法 我不会推荐或刺激应用程序。做了一些快速测试和 在 Android 上发现了一些问题，例如滑块无法正常工作，您 需要调整一些东西。我认为，它的发展很快（最近得到 投资者也资助），所以希望它很快就会成为一个成熟的用户界面 框架和最好的，但在那之前它只适合 原型设计而不是产品应用。

• LungoJS - 轻量级 UI 框架。良好的过渡，本地人 外观和感觉，良好的跨手机支持（Android + iPhone），不良标签 支持（标签上有 UI 问题），作为开发人员没有积极维护 很忙creating some new framework。

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

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

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

希望对您有所帮助。

高拉夫

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

Answer 2

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

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

使用Ionic CLI 做的，它使用ionic-angular-cordova-seed

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

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

Answer 3

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 不是很熟悉，快速搜索发现这些链接：

• Parse Javascript Guide
• Parse x AngularJS Boilerplate

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

Answer 4

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

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

我希望它有所帮助，因为我认为它就像您所要求的一样。我只是一个新手开发者，我发现它非常好用。