Ionic VS RN 开发app

一、Ionic
1、概念:
ionic是基于Web技术HTML5、CSS3和JavaScript技术进行智能设备APP开发的框架,具有很好的跨平台性能,被称为Hybird App框架。这个框架的目的是从web的角度开发手机应用,基于PhoneGap(Cordova)的编译平台,可以实现编译成各个平台的应用程序。
2、Ionic能做什么?
可以快速开发移动App、移动端WEB页面、混合app web页面等
3、目前状况
Ionic4目前已经发布了基于Angular的正式版本,对 React 和 Vue 的支持尚处于 alpha 状态(内测)。Ionic需基于Angular来开发,虽然目前有部分组件或者插件来支持react和vue,它未来的目标是支持大部分主流的web框架,让开发人员用自己喜欢的语言或框架来开发移动应用。
4、优缺点

  • 优点
    (1)ionic 基于Angular语法,简单易学
    (2)ionic 是一个轻量级框架
    (3)开发速度快且代码易维护
    (4)ionic提供了很多 UI 组件来帮助开发者开发强大的应用
    (5)ionic 提供了强大的命令行工具
    (6)ios 和 android 基本上可以共用代码,一次编码,到处运行
    (7)可实现在线更新,及时版本更新迭代
    (8)有相对比较齐全的官方文档

  • 缺点
    (1)兼容性不够好(android低版本、低设备,它更注重于兼容移动手机端而忽略浏览器端)
    (2)性能不够好,渲染速度慢
    (3)没有统一管理好插件库,导致插件库维护成本较高,且部分功能的插件库可能缺失,需要自己封装
    (4)某些功能很难实现跟原生的互补,web技术无法解决一切问题

二、ReactNative(简称RN)
1、概念:RN是由facebook开源的基于JavaScript和React搭建的一套跨平台的开发框架。React通过虚拟DOM的操作来控制真实的DOM,从而得到页面的局部更新,提高GPU的渲染性能。它提倡的是Learn once,write anywhere,所以学习react,可以编写web网页、android和ios平台的应用。
2、RN能做什么?
开发跨平台的app,android和ios两个平台统一一套代码维护,实现相同的逻辑,UI方面除了部分APi或者组件有平台的差异性以外,基本可实现相同的页面和交互。
3、目前状况
目前RN的最新版本为0.62,还没出一个1.0的完整版本,而且学习文档相对较缺乏,但是RN的活跃数较高,有比较活跃的社区,开源的RN第三方库也较多。
4、优缺点

  • 优点
    (1)比原生开发更为灵活和高效,对比h5的体验更好,性能方面接近原生
    (2)可以远程调试代码,热加载
    (3)轻松实现热更新,可以在线更新代码
    (4)跨平台,实现一套代码跑安卓和ios移动设备
    (5)React Native实现不了的,可以通过原生来实现,可以互补

  • 缺点
    (1)学习成本较高
    (2)即使是跨平台,但是不同平台的Api特性与显示可能不一致,有些组件的显示效果也是有平台方面的差异
    (3)调试必须依赖于网络,如果没有网络是无法load js的代码
    (4)Android上的一些兼容性问题

总结分析:
1.Ionic基于Angular.js开发,正如RN基于react.js一样,各有千秋,需要按项目需求来决定开发框架、技术选型,当然本人更倾向于RN开发app,起码在性能和功能上有比较好的保障。
2.Angular和React的渲染机制不太一样,Angular的脏检查使得任何变动都会产生固定的更新的代价,也就是说任何小变动都会引起界面的重绘。而React是通过虚拟DOM来操作真实的DOM,通过计算状态变化的差异来进行界面渲染,只更新变化的内容。
当然,Angular也在不断优化,在渲染效率上也逐渐高于react。
3.从开发上:Ionic只需要懂JavaScript、h5、css等,不需要了解太多的原生开发语言,比较适合web前端开发人员。RN不仅需要一些js基础,还需要了解一些android和ios原生开发的基础知识,比较适合移动开发人员。
从打包发布上:Ionic依赖Cordova打包,这就需要Cordova工具及时更新出适配Android和ios的版本,不然会出现一些兼容性问题,当然也可以通过build之后的代码在相应的工具(AS、Xcode)中编译打包,但可能由于版本等因素会出现一些编译问题。RN的编译打包主要通过AS、Xcode,工具的升级更新以及代码的升级更新都比较方便。Ionic和RN都有相应的热更新插件,可以线上更新代码。

参考链接:

Ionic中文文档
Ionic英文文档
cordova中文网
RN中文网
RN英文网

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容