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

Posted 2023-02-19

【中文标题】如何进行混合移动应用理念？ [关闭]

【英文标题】：How to proceed with Hybrid Mobile Application Idea? [closed]

【发布时间】：2014-04-05 18:39:11

【问题描述】：

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

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

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

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

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

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

我现在不知道的：

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

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

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

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

【问题讨论】：

phonegap 是最好的选择，并且可以免费使用许多插件，您的项目中可能需要所有 api 信息和用法，您可以在此处找到docs.phonegap.com/en/3.3.0/index.html 前端您可以使用最紧凑的一个，例如 jquery mobile ，使用 jquery，所有服务调用都可以使用 AJAX 处理，据我说这将是最简单的方法

看看这个：thejackalofjavascript.com/an-end-to-end-hybrid-app

我在选择如何构建应用程序时的一般经验法则是： 1. 它必须为用户增加价值和交互 2. 我可以使用我的 Web 开发技能还是应用程序需要我学习新技能codegabber.com/2017/11/01/considerations-building-mobile-app

【参考方案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

【讨论】：

现在您也可以考虑 MeteorJS，因为它现在也支持混合移动应用程序开发。 Meteor 在移动应用开发方面最酷的功能是它的热代码推送。作为应用程序开发人员，您无需在应用程序市场上更新您的版本。您只需更新服务器上的应用程序，手机上的所有客户端应用程序都会更新到最新版本。 Meteor 很好，但我认为它还没有像 Ionic 那样构建干净的 UI 组件。离子和流星的组合将是最好的。

我希望 Meteor 和 Ionic 的婚礼在这里他们结婚了 :-) - meteoric.github.io。没试过，但看起来不错。如果您已经尝试过并有一些经验，请在这里分享。

【参考方案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 框架。从我看来，它看起来非常原生，性能非常好。而且我仍然计划继续使用它，因为没有更好的选择，尽管这需要我一些时间，因为有些事情我仍然无法理解。

【讨论】：

谢谢，这很有帮助。我还想问一件事，因为您已经开始使用 Ionic - AngularJS 是从哪里来的？它是 Ionic 的一部分，还是它们都是独立的？我需要对 angularjs 有多深的理解？看来 angularjs 有相当多的学习曲线。

没错，Ionic 使用 Angular 来生成它的视图和内容。我认为你需要了解很多 Angular，你需要使用 Angular 为你的模板创建路由，使用视图上的变量，建立 ajax 连接，你要做的几乎所有事情都是通过 Angular，Ionic 是更像是处理图形界面和动画过渡。但与 Ionic 不同的是，您会发现很多关于 angular、youtube 视频的优秀文档...

谢谢卢卡斯，我现在一切都清楚了。

当我在寻找用于混合应用程序的框架时，我从 kindo 框架附带的 telerikAppBuilder 开始，但后来我发现 ionic 框架要好得多，但 telerik app builder 为开发人员和插件提供了更好的工具所以我使用 Telerik appbuilder 作为具有离子框架的工具将它们混合在一起，直到现在它是我见过的最好的

【参考方案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 开发人员之一。

【讨论】：

作为 Miroslav 回答的后续，这里是您可能想要查看的另一个示例存储库。这是loopback/angular/ionic/phonegap sample app

【参考方案4】：

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

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

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

【讨论】：

值得一提的是，Monaca 是一项付费云服务，在撰写本文时，免费帐户仅限于 3 个项目。