我有一个用 Django 构建的网站项目,想为其构建一个移动应用程序。我做了很多研究,但很困惑native
and hybrid
应用程序。我的项目基本上是 Quora 的克隆,只是一个大学项目。我也看到了PhoneGap
, Ionic
and Sencha
但我真的很困惑它们如何适合。我必须使用Ionic
with PhoneGap
或 Apache Cordova 或只是Ionic
?结构是什么?我应该从哪里开始?
TL;DR: 从...开始Ionic http://ionicframework.com/getting-started/。 Ionic 在“底层”使用 Cordova。不需要 PhoneGap 或 Sencha,所以不要对此感到困惑。
免责声明:这听起来像广告,所以我不得不说我与 Ionic 没有任何关系,我只是碰巧非常喜欢它,所以我分享了对它的热爱。
让我们一步一步来:
什么是离子?
Ionic 是一个用于构建混合移动应用程序的框架,它构建在一个生态系统上,其中包括 Angular 作为 Web 应用程序框架,并使用 Cordova 来构建和打包本机应用程序。 Ionic 创建了一个可以通过应用程序商店安装的本机移动应用程序,并包含所谓的 WebView(本质上是一个独立的浏览器窗口)以及 JavaScript API,Web 应用程序将在其中运行。
什么是混合移动应用程序?
如果您是一名 Web 开发人员,那么您对 HTML、CSS 和 JavaScript 有相当的了解。此外,您很可能正在使用当今稍微流行的框架之一,例如 AngularJS。直到最近,如果您想为(当前)两种最流行的移动操作系统 iOS 和 Android 制作应用程序,您唯一的选择就是制作所谓的本机应用程序使用目标平台本身的 SDK。当然,这意味着您需要制作两个版本的应用程序 - 分别适用于 iOS 和 Android。如果您是一名独立开发人员,那么您精通两者的机会就不那么高了。
如今,幸运的是,借助 Ionic Framework,您可以使用 Web 开发人员已有的技能来创建一个应用程序,然后将该代码库作为应用程序部署到 iOS 和 Android 商店。那有多酷,对吧?因此,混合是因为它是一个“简单”的 Web 应用程序,使用所谓的 WebView 封装在本机应用程序中。
为什么 Ionic 很酷?
Ionic 很棒,因为它“不仅仅是”一个框架。相反,它有一个围绕它构建的整个生态系统。例如,Ionic 允许您:
-
生成图标和启动画面 http://www.nikola-breznjak.com/blog/ionic/create-icons-and-splash-screen-automatically-with-ionic-resources/使用单个命令即可适用于所有设备和设备尺寸:
ionic resources
。仅此一项就可以为您节省至少一天的时间来准备各种尺寸的图像。
- 即使直接在您的设备上运行,也可以通过代码更改立即更新您的应用程序
ionic run --livereload
- 并行构建和测试 iOS 和 Android 版本,并立即查看更改
ionic serve --lab
- 与世界各地的客户、客户和测试人员共享您的 Ionic 应用程序,而无需通过 App Store
ionic share
- 使用 ngCordova 轻松访问设备的完整本机功能(在这里您可以使用任何 Cordova 插件 - 所以 Ionic 确实比 Cordova 本身要强大得多)
- 此外,他们(Ionic 团队)正在为您的 Ionic 应用程序构建全栈后端服务和工具,例如Deploy http://www.nikola-breznjak.com/blog/ionic/ionic-deploy-alpha-enables-app-update-on-the-fly/(无需经过 Apple 审核流程即可部署新版本!),分析 http://www.nikola-breznjak.com/blog/ionic/ionic-analytics-alpha-lets-you/, 推送通知 http://blog.ionic.io/announcing-ionic-push-alpha/.
- Ionic CLI(命令行界面)在后端使用 Cordova,并允许您为 iOS 和 Android 构建(直接使用 Ionic CLI)应用程序(您可以通过执行
ionic build ios
or ionic build android
和乌伊拉)
- Ionic 使用 Angular 作为前端框架,因此如果您熟悉它,它将是一个额外的好处。他们是与 Angular 2.0 团队密切合作 http://blog.ionic.io/angular-2-ionic/ too.
如何开始你的项目?
如果你看一下我的回答这个问题 https://stackoverflow.com/questions/31298206/use-existing-spring-mvc-for-mobile-app/31300951#31300951您会发现,如果您已经在 Django 后端中定义了一个 API,那么您可以通过利用现有 API 并通过 Angular 来使用它,从而快速开始使用它$资源 https://docs.angularjs.org/api/ngResource/service/%24resource.
希望这对您有所帮助,并且您会发现使用 Ionic 是一种乐趣。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)