如何进行混合移动应用创意?

时间:2014-03-04 09:51:13

标签: javascript angularjs cordova ionic-framework loopbackjs

我们拥有可货币化的移动应用程序理念,并将构建我们的第一个移动混合应用程序。

我研究了几件事,并想出要实现我的端到端目标,我需要:

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

  2. 然后我认为我们需要将PhoneGap用于各种平台。

  3. 有一个BackEnd框架 - Loopback / Parse

  4. 我还没有查看具体的文件,但如果路径合适,那么有经验的建议会非常有帮助。

    我现在还不知道:

    一个。我在想什么是对的,我该怎么做。

    B中。 Ionic是一个UI框架,如何将其与Phonegap连接,就像如何访问本机功能一样。我想我必须使用angular来调用Phonegap apis?

    ℃。如果我设置了前端部分,我如何将后端apis称为环回的api?通过REST调用?还是有其他更有效的方法来做到这一点?

    有没有更简单的方法来实现这一目标?

4 个答案:

答案 0 :(得分:13)

我最近几个月也在开发移动应用程序。尝试了很多用于混合应用程序开发的UI框架,尝试了很多服务器端和NOSQL数据库技术,下面是我根据自己的经验学习UI框架。

  • Sencha Touch - 早期参与混合应用领域,众所周知 到目前为止,最好的跨设备支持,但陡峭的学习曲线,因为他们 有自己的框架规则。此外,应用程序笨重,运行所有JS 在运行时构建HTML,在某种程度上达到性能。一定 如果与HTML5相比,构建整个应用程序IN JS并不是一个好主意。

  • jQueryMobile - 移动设备性能不佳

  • BootStrap - 良好的用户界面,但移动设备性能不佳。它不是第一个开发者 移动记忆

  • PhoneJS - 整洁/干净的用户界面,但不适用于非开源应用。

  • Chocolate-chip UI - 重量轻,原生的外观和感觉,但不是 跨设备案例得到很好的支持,新玩家并不多 采用。当然,所做的工作很好,希望它会有所改善 将来由company支持。

  • Ionic Framework - 开发中的优秀UI框架。截至目前在阿尔法 我不会推荐或刺激应用程序。做了一些快速测试和 发现Android上的一些问题,如滑块无法正常工作,你 需要调整一些东西。我认为,它的发展很快(最近得到了 投资者资金也是如此),所以希望它很快就会成为一个成熟的用户界面 框架和最好的,但直到那时它只是好的 原型设计不会刺激应用程序。

  • LungoJS - 轻量级UI框架。良好的过渡,原生 外观和感觉,良好的跨手机支持(Android + iPhone),Bad tab 支持(在选项卡上有UI问题),不作为开发人员主动维护 忙碌creating some new framework

对于我的应用程序,我选择了LungoJS,一旦成熟并获得了良好的采用,最终将转向Ionic。

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

关于jQuery与Angular的建议 - 肯定Angular是比jQuery更好的选择,与jQuery实现相比,它使移动应用程序的性能(UI转换)更快。

希望有所帮助。

拉​​夫

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

答案 1 :(得分:11)

我也在尝试研究与Android应用程序一起使用的Ionic框架。离子似乎是一个非常好的框架,但缺乏文档阻止我前进。

从我到目前为止看来,看起来Ionic + Angular已经集成了Cordova。因此,您不再需要创建Cordova应用程序,只需创建一个Ionic应用程序,它下面就有Cordova:

是否使用了使用Ionic CLI

ionic-angular-cordova-seed

关于后端,Angular为AJAX请求提供$ http和$资源,看一下Angular文档,我假设Ionic没有改变Angular进行这些调用的方式。

我的结论:我认为当Ionic成为一个更成熟的框架(不会花费很长时间)和更好的文档时,它将是最好的UI框架。从我看来,它看起来非常原生,具有非常好的性能。而且我还是打算继续坚持下去,因为没有更好的选择,虽然我花了一些时间,因为有些东西我仍然无法理解。

答案 2 :(得分:6)

  

℃。如果我设置了前端部分,我如何将后端apis称为环回的api?通过REST调用?还是有其他更有效的方法来做到这一点?

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

<强>环回

如果您决定将LoopBack用于后端,将AngularJS用于前端,则可以使用loopback-angular项目为模型自动生成$ resource服务。它还带有一个Grunt插件。

查看loopback-example-access-control app,它建立在LoopBack + AngularJS + Ionic上。

<强>解析

我对Parse不太熟悉,快速搜索显示这些链接:

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

答案 3 :(得分:2)

如果您正在寻找开发混合应用(phonegap + angularJS + backend),我建议Monaca。我刚刚发现它。它非常酷,因为它的框架和自己的后端都有phonegap。此外,它还有一个名为OnsenUI的UI框架,它基于TopcoatAngularJS

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

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