CN105635265A - 一种基于react-native快速实现移动端数据上传的方法 - Google Patents

一种基于react-native快速实现移动端数据上传的方法 Download PDF

Info

Publication number
CN105635265A
CN105635265A CN201510996487.8A CN201510996487A CN105635265A CN 105635265 A CN105635265 A CN 105635265A CN 201510996487 A CN201510996487 A CN 201510996487A CN 105635265 A CN105635265 A CN 105635265A
Authority
CN
China
Prior art keywords
data
native
react
server
data upload
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201510996487.8A
Other languages
English (en)
Inventor
张来卿
徐震宇
季统凯
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
G Cloud Technology Co Ltd
Original Assignee
G Cloud Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by G Cloud Technology Co Ltd filed Critical G Cloud Technology Co Ltd
Priority to CN201510996487.8A priority Critical patent/CN105635265A/zh
Publication of CN105635265A publication Critical patent/CN105635265A/zh
Pending legal-status Critical Current

Links

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/34—Network arrangements or protocols for supporting network services or applications involving the movement of software or configuration parameters 

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明涉及react-native技术领域，特别涉及一种基于react-native快速实现移动端数据上传的方法。本发明方法是先自定义需要上传到服务器端的数据字段，并通过this.state给相应字段赋值，并对每个字段加约束条件，满足要求才可以提交；然后，把自定义字段封装成对象；接着封装接口类api.js，用来实现接口配置，封装工具类util.js，用来验证数据上传成功与否；再调用接口类api.js把数据上传到服务器，调用工具类Util.js与服务器进行交互，验证数据是否上传成功，当data.status等于200返回数据上传成功，否则失败返回异常提醒；最后，组件化封装成UploadData.js，直接把组件***到自己的项目中。本发明提供了一种基于react-native快速实现移动端数据上传的方法，可以用于快速实现iOS和Android把数据上传到服务器端。

Description

一种基于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′)；直接把组件***到自己的项目中，从而实现移动端数据上传到服务器端。

Claims (2)

1.一种基于react-native快速实现移动端数据上传的方法，其特征在于：所述的方法包括：
先自定义需要上传到服务器端的数据字段，并通过this.state给相应字段赋值、对每个字段加约束条件，满足要求的字段才可以提交；
然后，把自定义字段封装成对象；
接着封装接口类api.js，用来实现接口配置；封装工具类util.js，用来验证数据上传成功与否；
再调用接口类api.js把数据上传到服务器；
调用工具类Util.js与服务器进行交互，验证数据是否上传成功，当data.status等于200返回数据上传成功，否则失败返回异常提醒；
最后，通过语句varUploadData＝require(UploadData.js')，组件化封装成UploadData.js；可以直接把组件***到自己的项目中，从而实现从移动端把数据上传到服务器端。
2.根据权利要求1所述的一种基于react-native快速实现移动端数据上传的方法，其特征在于：所述的移动端包括iOS和Android。
CN201510996487.8A 2015-12-24 2015-12-24 一种基于react-native快速实现移动端数据上传的方法 Pending CN105635265A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510996487.8A CN105635265A (zh) 2015-12-24 2015-12-24 一种基于react-native快速实现移动端数据上传的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510996487.8A CN105635265A (zh) 2015-12-24 2015-12-24 一种基于react-native快速实现移动端数据上传的方法

Publications (1)

Publication Number Publication Date
CN105635265A true CN105635265A (zh) 2016-06-01

Family

ID=56049737

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510996487.8A Pending CN105635265A (zh) 2015-12-24 2015-12-24 一种基于react-native快速实现移动端数据上传的方法

Country Status (1)

Country Link
CN (1) CN105635265A (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120166411A1 (en) * 2010-12-27 2012-06-28 Microsoft Corporation Discovery of remotely executed applications
WO2014120624A1 (en) * 2013-01-30 2014-08-07 Microsoft Corporation Collaboration using multiple editors or versions of a feature
CN104239071A (zh) * 2014-10-13 2014-12-24 浪潮通信信息***有限公司 一种基于通用组件和中转服务的跨平台移动应用开发框架***
CN104683437A (zh) * 2014-12-12 2015-06-03 广西科技大学 一种在线定位方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120166411A1 (en) * 2010-12-27 2012-06-28 Microsoft Corporation Discovery of remotely executed applications
WO2014120624A1 (en) * 2013-01-30 2014-08-07 Microsoft Corporation Collaboration using multiple editors or versions of a feature
CN104239071A (zh) * 2014-10-13 2014-12-24 浪潮通信信息***有限公司 一种基于通用组件和中转服务的跨平台移动应用开发框架***
CN104683437A (zh) * 2014-12-12 2015-06-03 广西科技大学 一种在线定位方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
[越南]TRUONG HOANG DUNG著: "《React Native：用JavaScript开发移动应用》", 31 October 2015 *
无: "《Android React Native使用原生模块》", 《HTTPS://BLOG.CSDN.NET/SBSUJJBCY/ARTICLE/DETAILS/49953041》 *

Similar Documents

Publication Publication Date Title
CN107870821B (zh) 应用程序的跨平台调用方法及***
CN105589693A (zh) 一种基于react-native的快速实现移动端数据获取的方法
CN102123158A (zh) 一种实现网络数据处理的方法和***
CN103257835A (zh) 一种带蓝牙功能的打印***及其工作方法
CN104360937A (zh) 一种智能参数校验装置
CN103118140A (zh) 将文件分享给关系圈外其他用户终端的方法、***及装置
US9519537B2 (en) Apparatus, system and method for application log data processing
CN104978253A (zh) 一种目标文件校验的方法和装置
EP2728468A1 (en) Method for skin-changing for third-party application
CN104219654A (zh) Sim卡读写方法及终端
CN102955705B (zh) 一种实现程序间互启动的方法和***
CN104954894A (zh) 一种视频流量引导方法、装置及一种电子设备
CN104216748A (zh) 应用程序安装方法、装置及***
CN107704499A (zh) 一种应用程序的页面跳转控制方法及装置
CN111178101A (zh) 记录的读取方法、装置及存储介质
CN110602163A (zh) 文件上传方法及装置
CN105871958A (zh) 集中管理账户信息的方法和终端
CN105635265A (zh) 一种基于react-native快速实现移动端数据上传的方法
CN203232413U (zh) 一种带蓝牙功能的打印***
CN104363212B (zh) 一种基于Lua的socket通信语义解析方法和应用***
CN105550016A (zh) 一种基于react-native快速实现移动端用户登录的方法
CN105488199A (zh) 混合表单处理方法、装置以及移动终端
CN113535020B (zh) 用于生成应用图标的方法、装置、设备、介质和产品
CN113342447B (zh) 基于Flutter的页面生成方法、装置、设备及存储介质
CN104092832A (zh) 一种双卡双待手机短信发送方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20160601

WD01 Invention patent application deemed withdrawn after publication