react native在app开发中的应用研究

2019-06-03 标签:React Native,APP开发技术 浏览数:1185

摘要: React Native是2015年FaceBook研究的一种新的开发APP的技术,通过JavaScript语言来开发APP,且有一次开发随处使用的理念。因此,也是目前最火的APP前言技术之一。本文主要对该技术在APP开发中的应用进行研究,主要从开发方式、热更新特点和方法等多个方面进行研究。

资讯主图

一、单纯的React Native APP应用

单纯的React Native应用,实际上就可以理解成是原生应用的一个Activity,通过启动着一个Activity之后,就通过JS中的各个state状态,来刷新各个View界面,然后一个APP应用就诞生了。在这种APP应用中,主要是由组件组成中,各个组件组装成一个大的View。而View 主要是通过state和props来获取所有的数据以及数据改变时更新View界面。在这种应用中,采用的是盒子布局方式,这种布局方式与原生不同,具有很大的灵活性,分主轴和次轴。然后分别可以设置其样式。

二、原生APP与React Native APP混合开发的应用

2.1 React Native Activity的自定义

如果进行一个RN项目开发,初始化项目之后,就会有一个Activity是继承RnActivity的。如果进行混合开发时,由于我们的Activity可能要做很多工作,还想继承我们原生的Activity。因此,就可以自定义一个RN的Activity,无须继承官网的Activity。假如,我们已经有了一个BaseActivity。内部可以使用路由进行跳转。但是混合开发明显不行,否则将无法正常的在RN和原生界面之间进行来回跳转。即便可以,复杂度也会大大增加。经过尝试,在一个混合项目中,可以有若干个RN的Activity,每一个Activity可以开发一个功能。只需要修改上文中的index.android。只要把入口修改了,它就会从不同的入口去找,同时在js入口文件中,要进行注册。

2.2 原生与JS之间的相互调用

对于JS方法来说,是离不开原生应用的,React Native开发的实质还是进行的原生开发。而且有很多东西,比如硬件的mac、域名获取或者其他只有原生方法能够实现的功能,就必须通过原生方法来实现,然后由JS端进行调用。JS调用原生的方法相对来说比较简单,只需要在原生中注册Module,然后在方法名之前写上标识@react method 即可。在JS端通过NativeModules 这个API就可以进行调用。如果想要进行Activity之间的相互跳转,该JS的activity可以使用currentActivity来找到。然后想要跳转到原生其他的Activity就比较容易。


三、React Native技术应用到APP开发中的优势

(1)热更新:在当前的APP应用开发中,热更新是一个非常重要的能力。如果这个应用没有热更新的能力,将意味着无法及时的展示自己想要展示的内容给用户,尤其是电商或者社交类应用,他们的APP更新能力都很频繁,没有热更新的能力,将无法及时的推送最重要的更新给用户。对于IOS开发者来说,两周以上的审核周期更是要命,每次开发迭代一个版本都必须要通过IOS的审核机制进行审核,如果采用热更新的方式,就可以绕过审核机制。因此,React Native所具有的热更新能力是非常重要的。React Native的热更新功能,主要是通过更新Bundle文件来实现。对于一个RN应用来说,Bundle文件就是要加载的前端内容。只要更新了Bundle文件,就是更新了整个APP,因此只需要做一个后台服务,这个后台服务具有上传下载Bundle文件的能力。然后在客户端每次打开的时候向服务端发送请求,看是否有最新的Bundle文件,并进行下载替换即可完成热更新的工作。

(2)代码重用度高:目前码农的成本是越来越高,因此代码的可重用是很重要的一点,代码平台无关性也是每一个技术人员所喜欢的。React Native的Android版本和IOS版本的代码可以80%以上共用,这在当前主流的原生开发中是难以置信的。同时由于React Native技术是从PC端的React技术演变而来,因此React Native的绝大多数代码也可以转化为React来使用,进行PC端的前端开发,因此,一次开发就可以三次使用大大的降低了人力成本和时间成本,对于企业来说是非常可喜的。

(3)开发效率高,漏洞修复快:因为它代码重用度高,且有热更新的优势,因此,也就有了第三个优点,开发效率比较高,且由于它的开发方法的不同,无需每次修改都要通过编译安装看效果,且采用模块化的开发,大大的提升了开发的效率。由于可实时更新Bundle文件,达到每次启动APP应用都可以使用最新的,因此可快速修复漏洞。


关键字: 衡阳APP开发

衡阳网站建设,APP开发活动入口
相关资讯

衡阳APP开发|移动APP开发模式

2019-10-07 浏览次数:14195

衡阳APP开发|词干提取APP的开发与设计

2019-10-07 浏览次数:16532

开发一款有趣的新闻APP的思考

2019-09-20 浏览次数:5471

国际贸易学智慧课堂APP的开发与应用

2019-09-20 浏览次数:5441

最新资讯
热门资讯
提供衡阳微信小程序开发,微信营销功能开发、公众号开发等开发服务
米维信息微信小程序二维码