[发明专利]移动APP中基于ReactNative实现小程序开发并加载的方法

说明书

本发明涉及一种移动APP中基于ReactNative实现小程序开发并加载的方法，包括按照附图目录结构创建小程序及内部文件，包含入口文件、项目描述文件、项目代码、项目依赖描述文件和项目打包配置文件；调试基座支持包及引用；开发小程序；打包运行小程编译；运行小程序。采用了本发明的移动APP中基于ReactNative实现小程序开发并加载的方法，提供了基于ReactNative的小程序的开发方法，从而实现了使用ReactNative语法开发小程序，同时还能够不依赖三方厂商，进行私有化部署及小程序的发布与管理。本发明还提供了基于ReactNative的小程序打包方法，从而实现了将ReactNative项目打包成独立的小程序项目，还实现了原生App加载ReactNative小程序的问题。

技术领域

本发明涉及移动App领域，尤其涉及基于ReactNative的小程序开发领域，具体是指一种移动APP中基于ReactNative实现小程序开发并加载的方法。

背景技术

在当今移动互联网时代，应用商店中App的数量越来越多，但用户在移动设备中常用的App数量却是有限的，所以单个App中的功能也是也是越来越功能如何管理就成为了需要解决的问题。同样，企业内部大量的web应用也需要在移动端实现，如何开发、管理、发布也是需要新的架构来解决。

所以很多企业业务应用以小程序的架构进行管理，使用ReactNative或Vue或Html5方式开发功能代码，以资源包的形式发布、更新，既能保证优于H5的页面效果，也能解决跨平台开发问题，仅需要一份代码即可在Android和iOS双平台下运行，同样能够使开发者快速开发，快速迭代，实现快速上线。

目前市面上小程序模型大多基于html5技术，通过编写html5+js+css3代码，进行页面及逻辑的开发，并通过原生webview渲染加载页面，通过对原生webview的扩展实现统一UI风格，通过webview的桥接实现在js代码对原生能力的调用。将开发的代码打包成为html离线包的形式进行管理，由平台进行管理、审核和分发，做到云端快速更新版本。

小程序的渲染一般采用JavaScript+Webview模式，也有厂商提供JavaScript+Native的方式，在对性能要求较高的场景，采用Native原生渲染控件，给用户更好的体验。

小程序的描述文件一般采用json格式，主要描述小程序基础数据、小程序依赖库版本及使用到的组件等信息等，还有一些网络及安全配置，这部分属于小程序的元数据，与小程序的应用Id一一对应。

同时，业界的小程序方案实现方式也有直接基于vue代码的，即使用vue技术编写应用，开发完成后打包成为zip资源包作为小程序介质，有平台管理和发布。

目前小程序既有腾讯、阿里等厂商推出的微信、支付宝小程序等，也有普元等厂商提供了内网私有化部署小程序的方案。

现在技术下，以微信、支付宝等小程序为例，其开发语言并非标准的JS+CSS+Html5语言，而是有着自己的封装，例如无法使用常用的html标签及dom方法，其css也是与标准的css语法有些差别，需要学习使用其封装的组件和api。这就导致了大量额外的学习成本。使用本发明就可以使用纯ReactNative语法进行小程序的开发，做到快速开发、快速迭代。

目前的小程序，例如微信小程序和支付宝小程序都是部署在厂商服务器，版本发布也需要经过厂商的审核，这样对企业内部的应用就有很多限制，同时部署在厂商服务器对企业来说也是不安全的。

发明内容

本发明的目的是克服了上述现有技术的缺点，提供了一种满足结构简单、开发语言统一、适用范围较为广泛的移动APP中基于ReactNative实现小程序开发并加载的方法。

为了实现上述目的，本发明的移动APP中基于ReactNative实现小程序开发并加载的方法如下：