定义了一个ReactNative移动开发框架

2017-08-21  本文已影响0人  藿香正气五花儿

ReactNative不温不火的就这么在移动开发领域占领了一片天,打包个开发框架显得有些重要了

整体架构图

App架构.png

介绍

一 基座

对ReactNative原生部分进行整合,使用原生开发技术定义相关接口供JS资源包调用。主要开发语言Android:java,IOS:Objective-C

1 序列化模块

采用原生技术实现数据序列化相关操作,主要包括对发送数据的加密、解密、加签等操作。

2 网络通讯模块

采用原生技术实现HTTP,HTTPS,Socket等通讯协议并提供接口给JS进行调用。

3 手机硬件操作模块

采用原生技术实现对手机基础硬件调用,提供接口给JS进行调用。

二 业务资源包

App主要业务功能实现代码,语言采用JavaScript、LESS、XML。

1 路由

封装原生应用页面转场模式,统一业务路由表简化转场实现代码。

2 基础UI组件

封装UI组件供业务开发使用。

3 原生桥

原生功能类与JS通信桥梁代码。

三 版本控制服务器

资源包文件,版本信息存储服务器。

版本控制服务器主要实现资源包信息存储,资源包信息发送操作。ReactNative应用在基座没有产生改变的情况下对资源包进行更改可快速升级App业务。

上一篇 下一篇

猜你喜欢

热点阅读