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

Roh*_*kar 18 javascript angularjs cordova ionic-framework loopbackjs

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

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

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

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

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

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

我现在还不知道:

答:我的想法是对的,我该怎么做.

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

C.如果我设置了前端部分,如何将后端apis称为环回的api?通过REST调用?或者还有其他更有效的方法吗?

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

Gau*_*man 13

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

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

  • jQueryMobile - 移动设备性能不佳

  • BootStrap - 良好的用户界面,但移动设备性能不佳.考虑到移动设备,它并不是第一个开发者

  • PhoneJS - 整洁/干净的UI但不适用于非开源应用程序.

  • 巧克力片UI - 重量轻,原生的外观和感觉,但在跨设备案例,新播放器和没有太多采用的支持不是很好.当然做的工作是好的,希望这将在未来提高其后盾的公司.

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

  • LungoJS - 轻量级UI框架.良好的过渡,原生外观和感觉,良好的跨手机支持(Android + iPhone),糟糕的标签支持(在选项卡上有UI问题),由于开发人员忙着创建一些新框架而没有积极维护.

对于我的应用程序,我选择了LungoJS,并且一旦它成熟并且具有良好的采用率,最终将转向Ionic.

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

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

希望它有所帮助.

拉夫

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


Luc*_*cia 11

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

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

它是否使用Ionic CLI,它使用离子角度cordova种子

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

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


Mir*_*toš 6

C.如果我设置了前端部分,如何将后端apis称为环回的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开发人员之一.

  • 作为Miroslav答案的后续内容,这里有另一个您可能想要查看的样本回购.这是[loopback/angular/ionic/phonegap示例应用程序](https://github.com/strongloop/icars-client) (2认同)