[发明专利]一种基于react-native快速实现移动端数据上传的方法

说明书

技术领域

本发明涉及react-native技术领域，特别涉及一种基于react-native快速实现移 动端数据上传的方法。

背景技术

ReactNative结合了Web应用和Native应用的优势，可以使用 JavaScript来开发iOS和Android原生应用。在JavaScript中用React 抽象操作系统原生的UI组件，代替DOM元素来渲染等。

当前面临的问题是：

ReactNative是Facebook最新开源的，可以同时用来开发iOS和Android应 用，每个需要把数据上传到服务器移动应用，都在重复实现数据提交的功能， 如果有一种同时支持iOS和Android，可以把数据上传到服务器的组件即插即用 就好了。

发明内容

本发明解决的技术问题在于提供一种基于react-native快速实现移动端数据 上传的方法；能够快速实现同时支持iOS和Android把数据上传到服务器的问题。

本发明解决上述技术问题的技术方案是：

所述的方法包括：

先自定义需要上传到服务器端的数据字段，并通过this.state给相应字段赋 值、对每个字段加约束条件，满足要求的字段才可以提交；

然后，把自定义字段封装成对象；

接着封装接口类api.js，用来实现接口配置；封装工具类util.js，用来验证数 据上传成功与否；

再调用接口类api.js把数据上传到服务器；

调用工具类Util.js与服务器进行交互，验证数据是否上传成功，当data.status 等于200返回数据上传成功，否则失败返回异常提醒；

最后，通过语句varUploadData＝require(UploadData.js′)，组件化封装成 UploadData.js；可以直接把组件插入到自己的项目中，从而实现从移动端把数据 上传到服务器端。

所述的移动端包括iOS和Android。

本发明的有益效果：提供了一种基于react-native快速实现移动端数据上传的 方法；可以快速实现iOS和Android把数据上传到服务器端。

附图说明

下面结合附图对本发明进一步说明：

图1为本发明的方法流程图。

具体实施方式

如图1所示，本发明采用如下步骤可以快速实现从移动端把数据上传到服务 器端：

步骤一、自定义需要上传到服务器端的数据字段，并通过this.state给相应字 段赋值，并对每个字段加约束条件，满足要求才可以提交；

步骤二、把自定义字段封装成对象；

步骤三、封装接口类api.js，用于实现接口配置，封装工具类util.js，用来验 证数据上传成功与否；

步骤四、调用接口类api.js把数据上传到服务器，调用工具类Util.js与服务器 进行交互，验证数据是否上传成功，当data.status等于200返回数据上传成功，失 败返回异常提醒。

步骤五、组件化封装成UploadData.js，可以通过语句 varUploadData＝require(UploadData.js′)；直接把组件插入到自己的项目中，从而 实现移动端数据上传到服务器端。