ionic与 cordova理解

转载 2018年04月16日 18:53:31

ionic是什么:

Ionic(ionicframework)一款开源的Html5移动App开发框架,AngularJS移动端解决方案,Ionic以流行的跨平台移动app开发框架phoengap为蓝本,让开发者可以通过命令行工具快速生成android ios移动app应用

phoengap是什么?

PhoneGap是一个用基于HTML,CSS和JavaScript的创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动.

可能有些新手还是不明白,继续往下看:

通俗的讲:ionic是一款基于angularjs的html5移动app开发框架

phonegap就是一款可以打包并且可以让js调用原生的移动app框

问题来了?

那我不用命令安装ionic 可以使用ionic开发app吗?答案是可以得。

就可以把ionic当作一款html5 移动app框架,把phonegap/cordova 当作打包 并且调用原生的框架就可以了

至于:为什么ionic也可以打包,上面也说了,ionic的打包插件是基于phonegap/cordova的


首先我们需要明确以下几个概念:

1.即使我们将移动端web页面做得和原生应用及其相似,在我们的页面中也无法像原生应用那样调用原生的能力,当然通过输入框触发键盘、图库、拍照等操作不在这里“调用原生能力”的范畴。

2.单纯的web页面不能提交到应用商店被用户使用。

然后,我们分别就它们之间的关系做出解释:

Ionic和Angular

首先要明确的是Ionic是Angular的衍生品,Angular是单独的js库,和jQuery一样能够独立用于开发应用,而Ionic只是对Angular进行了扩展,利用Angular实现了很多符合移动端应用的组件,并搭建了很完善的样式库,是对Angular最成功的应用样例。即使不使用Ionic,Angular也可与任意样式库,如Bootstrap、Foundation等搭配使用,得到想要的页面效果。

Ionic/Angular和Cordova

可能会有人被问道:“Cordova比Ionic/Angular好吗?”,这就很尴尬了,根本是毫无意义的问题。它们在混合开发中扮演的是不同的角色–Ionic/Angular负责页面的实现,而Cordova负责将实现的页面包装成原生应用(Android:apk;iOS:ipa)。就像花生,最内层的花生仁是Angular,花生仁的表皮是Ionic,而最外层的花生壳则是Cordova。包装完成之后我们的页面才有可能调用设备的原生能力,最后才能上传到应用商店被用户使用。

Ionic/Angular和Cordova插件

关于Cordova插件要明确以下几点:

  • Cordova插件的作用是提供一个桥梁供页面和原生通信,首先我们的页面不能直接调用设备能力,所以需要与能够调用设备能力的原生代码(android:Javaios:OC)通信,此时就需要Cordova插件了。

  • Cordova插件能够再任何Cordova工程中使用,和使用什么前端框架(如Ionic)无关。

  • Ionic 2中封装了Ionic Native,方便了Cordova插件的使用,但在Ionic 2中仍然可以像Ionic 1中一样使用Cordova插件,Ionic Native不是必须的。

  • 即使在Ionic 2中使用了Ionic Native,也首先需要手动添加插件,如:cordova plugin add cordova-plugin-pluginName。

ionic cordova android安装教程

  • 2016年12月15日 17:04
  • 635KB
  • 下载

理解Ionic、Angular、Cordova及插件之间的关系

本文提及概念不区分Ionic 1/Angular 1和Ionic 2/Angular 2。 首先我们需要明确以下几个概念:1.即使我们将移动端web页面做得和原生应用及其相似,在我们的页面中也无法像原...
  • u010730126
  • u010730126
  • 2017-03-11 09:24:27
  • 9223

cordova Ionic 和cordova的区别是什么(项目总结)

现在的项目是移动端的,所以需要用cordova调用原生的设备,例如摄像头等,然后就是由于之前接触过ionIC,所以就它们之间的区别特意总结了一下。 很多新朋友ionic基础教程都学完...
  • xiaolinlife
  • xiaolinlife
  • 2017-06-21 14:35:13
  • 7926

Ionic+Cordova开发环境搭建

Ionic+Cordova的组合是一个跨平台的移动开发框架,属于HybirdApp开发模式。其中Ionic是一个前端框架,集成了AngularJs在里面,有很好很漂亮的UI控件。Cordova本身就是...
  • GAMEloft9
  • GAMEloft9
  • 2016-03-20 17:34:17
  • 7844

cordova和ionic安装总结

最近公司要求我开发安卓APP,而我是做WEB前端的。对于原生的安卓编程会的不是很多,只掌握一些JavaWEB的知识。所以想打算用hybrid app技术开发APP应用。而现在主流的**Hybrid a...
  • Mr_Dave
  • Mr_Dave
  • 2016-09-24 15:42:20
  • 2990

ionic cordova使用笔记

ionic cordova ionic typescript插件 ionic cordova resources登录问题
  • liufang1991
  • liufang1991
  • 2017-08-24 15:55:13
  • 3195

Ionic、Angularjs、Cordova搭建Android开发环境

1、jdk 环境变量配置 path:C:\Program Files\Java\jdk1.7.0_79\bin 2、node.js 因为安装cordova时要用到node.js的npm 下载...
  • u012868077
  • u012868077
  • 2016-06-05 10:53:12
  • 5934

Cordova+Angularjs+Ionic混合开发入门篇(一)----- ionic环境搭建

内容来自本人的简书:http://www.jianshu.com/p/8affba922a26
  • li_1271005938
  • li_1271005938
  • 2017-07-26 15:59:17
  • 2398

使用ionic+cordova创建APP项目

一.创建项目  1.打开命令提示符窗口,在窗口中切换到你想要创建项目的路径下。 创建项目命令:ionic start  helloworld blank   (helloworld是你的项目名) ...
  • qq_31490071
  • qq_31490071
  • 2016-06-22 16:51:38
  • 1931

ionic cordova platform add android

新建ionic项目后,要刷新一下在输入此命令。
  • android_gjw
  • android_gjw
  • 2017-06-05 10:07:13
  • 1378
收藏助手
不良信息举报
您举报文章:ionic与 cordova理解
举报原因:
原因补充:

(最多只允许输入30个字)