CN105589693A - 一种基于react-native的快速实现移动端数据获取的方法 - Google Patents
一种基于react-native的快速实现移动端数据获取的方法 Download PDFInfo
- Publication number
- CN105589693A CN105589693A CN201510960900.5A CN201510960900A CN105589693A CN 105589693 A CN105589693 A CN 105589693A CN 201510960900 A CN201510960900 A CN 201510960900A CN 105589693 A CN105589693 A CN 105589693A
- Authority
- CN
- China
- Prior art keywords
- data acquisition
- data
- react
- native
- class
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Stored Programmes (AREA)
Abstract
本发明涉及react-native技术领域,特别涉及一种基于react-native的快速实现移动端数据获取的方法。本发明方法是先编写自定义Json字符串数据格式,然后,封装Json接口类api.js,实现接口配置;封装数据获取类util.js,实现数据获取封装类;再调用Json接口和工具类Util.js与服务器进行交互验证,验证成功获取对data数据,失败则返回异常提醒;最后,组件化封装成GetData.js,通过语句var?GetData=require(GetData.jsˊ);直接把组件插入到自己的项目中;从而快速实现从服务器端获取数据。本发明提供了一种基于react-native快速实现移动端数据获取的方法;可以用于快速实现iOS和Android从服务器端获取数据。
Description
技术领域
本发明涉及react-native技术领域,特别涉及一种基于react-native的快速实现移动端数据获取的方法。
背景技术
ReactNative结合了Web应用和Native应用的优势,可以使用JavaScript来开发iOS和Android原生应用。在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染等。
当前面临的问题是:
ReactNative是Facebook最新开源的,可以同时用来开发iOS和Android应用,每个需要从服务器获取数据的移动应用,都在重复实现数据获取方法的功能,如果有一种同时支持iOS和Android,可以从服务器获取数据的组件即插即用就好了。
发明内容
本发明解决的技术问题在于提供一种基于react-native的快速实现移动端数据获取的方法;能够快速实现同时支持iOS和Android从服务器获取数据问题。
本发明解决上述技术问题的技术方案是:
所述的方法是先编写自定义Json字符串数据格式,然后,封装Json接口类api.js,实现接口配置;封装数据获取类util.js,实现数据获取封装类;再调用Json接口和工具类Util.js与服务器进行交互验证,验证成功获取对data数据,失败则返回异常提醒;最后,组件化封装成GetData.js,通过语句varGetData=require(GetData.js');直接把组件插入到自己的项目中;从而快速实现从服务器端获取数据。
所述的移动端包括iOS和Android。
本发明的有益效果:提供了一种基于react-native快速实现移动端数据获取的方法;可以快速实现iOS和Android从服务器端获取数据。
附图说明
下面结合附图对本发明进一步说明:
图1为本发明的方法流程图。
具体实施方式
如图1所示,本发明采用如下步骤可以快速实现移动端从服务器获取数据的方法;
步骤一、编写自定义Json字符串数据格式;
步骤二、封装Json接口类api.js,实现接口配置。
步骤三、封装数据获取类util.js,实现数据获取封装类。
步骤四、调用Json接口和工具类Util.js与服务器进行交互验证,验证成功获取对data数据,失败返回异常提醒。
步骤五、组件化封装成GetData.js,可以通过语句varGetData=require(GetData.js′);直接把组件插入到自己的项目中,从而从服务器端获取数据。
Claims (2)
1.一种基于react-native的快速实现移动端数据获取的方法,其特征在于:所述的方法是先编写自定义Json字符串数据格式,然后,封装Json接口类api.js,实现接口配置;封装数据获取类util.js,实现数据获取封装类;再调用Json接口和工具类Util.js与服务器进行交互验证,验证成功获取对data数据,失败则返回异常提醒;最后,组件化封装成GetData.js,通过语句varGetData=require(GetData.js');直接把组件插入到自己的项目中;从而快速实现从服务器端获取数据。
2.根据权利要求1所述的一种基于react-native的快速实现移动端数据获取的方法,其特征在于:所述的移动端包括iOS和Android。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510960900.5A CN105589693A (zh) | 2015-12-18 | 2015-12-18 | 一种基于react-native的快速实现移动端数据获取的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510960900.5A CN105589693A (zh) | 2015-12-18 | 2015-12-18 | 一种基于react-native的快速实现移动端数据获取的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105589693A true CN105589693A (zh) | 2016-05-18 |
Family
ID=55929303
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510960900.5A Pending CN105589693A (zh) | 2015-12-18 | 2015-12-18 | 一种基于react-native的快速实现移动端数据获取的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105589693A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106528078A (zh) * | 2016-09-23 | 2017-03-22 | 北京五八信息技术有限公司 | 一种基于react‑native动态调整支付方式的方法和装置 |
CN106713967A (zh) * | 2016-12-09 | 2017-05-24 | 武汉斗鱼网络科技有限公司 | 一种基于React Native的虚拟礼物展示方法 |
CN106843850A (zh) * | 2016-12-28 | 2017-06-13 | 北京五八信息技术有限公司 | 一种在React Native组件之间传递native对象的方法和装置 |
CN107895120A (zh) * | 2017-11-06 | 2018-04-10 | 聚好看科技股份有限公司 | 跨平台应用中数据处理方法、装置、电子设备和存储介质 |
CN109558186A (zh) * | 2017-09-27 | 2019-04-02 | 阿里巴巴集团控股有限公司 | 一种页面显示方法和装置 |
CN112631638A (zh) * | 2020-12-16 | 2021-04-09 | 青岛海尔科技有限公司 | 终端应用更新方法、装置、存储介质及电子设备 |
CN117420985A (zh) * | 2023-11-02 | 2024-01-19 | 湖南双鸿科技有限公司 | 一种使用JavaScript封装安卓服务功能的方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120166411A1 (en) * | 2010-12-27 | 2012-06-28 | Microsoft Corporation | Discovery of remotely executed applications |
CN102867025A (zh) * | 2012-08-23 | 2013-01-09 | 百度在线网络技术(北京)有限公司 | 一种获取图片标注数据的方法和装置 |
US20140215302A1 (en) * | 2013-01-30 | 2014-07-31 | Microsoft Corporation | Collaboration using multiple editors or versions of a feature |
CN104683437A (zh) * | 2014-12-12 | 2015-06-03 | 广西科技大学 | 一种在线定位方法 |
-
2015
- 2015-12-18 CN CN201510960900.5A patent/CN105589693A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120166411A1 (en) * | 2010-12-27 | 2012-06-28 | Microsoft Corporation | Discovery of remotely executed applications |
CN102867025A (zh) * | 2012-08-23 | 2013-01-09 | 百度在线网络技术(北京)有限公司 | 一种获取图片标注数据的方法和装置 |
US20140215302A1 (en) * | 2013-01-30 | 2014-07-31 | Microsoft Corporation | Collaboration using multiple editors or versions of a feature |
CN104683437A (zh) * | 2014-12-12 | 2015-06-03 | 广西科技大学 | 一种在线定位方法 |
Non-Patent Citations (2)
Title |
---|
[越南]TRUONG HOANG DUNG: "《React Native用JavaScript开发移动应用》", 31 October 2015, 电子工业出版社 * |
安卓弟的专栏: "Android React Native使用原生模块实现平台访问", 《"ANDROID REACT NATIVE使用原生模块》 * |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106528078B (zh) * | 2016-09-23 | 2019-12-06 | 北京五八信息技术有限公司 | 一种基于react-native动态调整支付方式的方法和装置 |
CN106528078A (zh) * | 2016-09-23 | 2017-03-22 | 北京五八信息技术有限公司 | 一种基于react‑native动态调整支付方式的方法和装置 |
CN106713967A (zh) * | 2016-12-09 | 2017-05-24 | 武汉斗鱼网络科技有限公司 | 一种基于React Native的虚拟礼物展示方法 |
CN106843850A (zh) * | 2016-12-28 | 2017-06-13 | 北京五八信息技术有限公司 | 一种在React Native组件之间传递native对象的方法和装置 |
CN106843850B (zh) * | 2016-12-28 | 2020-05-15 | 北京五八信息技术有限公司 | 一种在React Native组件之间传递native对象的方法和装置 |
CN109558186B (zh) * | 2017-09-27 | 2022-06-28 | 阿里巴巴集团控股有限公司 | 一种页面显示方法和装置 |
CN109558186A (zh) * | 2017-09-27 | 2019-04-02 | 阿里巴巴集团控股有限公司 | 一种页面显示方法和装置 |
CN107895120B (zh) * | 2017-11-06 | 2020-08-28 | 聚好看科技股份有限公司 | 跨平台应用中数据处理方法、装置、电子设备和存储介质 |
CN107895120A (zh) * | 2017-11-06 | 2018-04-10 | 聚好看科技股份有限公司 | 跨平台应用中数据处理方法、装置、电子设备和存储介质 |
CN112631638A (zh) * | 2020-12-16 | 2021-04-09 | 青岛海尔科技有限公司 | 终端应用更新方法、装置、存储介质及电子设备 |
CN112631638B (zh) * | 2020-12-16 | 2023-06-09 | 青岛海尔科技有限公司 | 终端应用更新方法、装置、存储介质及电子设备 |
CN117420985A (zh) * | 2023-11-02 | 2024-01-19 | 湖南双鸿科技有限公司 | 一种使用JavaScript封装安卓服务功能的方法 |
CN117420985B (zh) * | 2023-11-02 | 2024-03-29 | 湖南双鸿科技有限公司 | 一种使用JavaScript封装安卓服务功能的方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105589693A (zh) | 一种基于react-native的快速实现移动端数据获取的方法 | |
CN104484216A (zh) | 服务接口文档和在线测试工具生成方法、装置 | |
CN103984547A (zh) | 一种表单验证方法及系统 | |
CN103067441B (zh) | 一种图片分享的方法、装置和设备 | |
CN104426583A (zh) | 基于近场通信的数据传输方法、装置及近场通信设备 | |
CN101488195B (zh) | 一种二维码中声明数据信息类型的方法、装置及终端 | |
CN105183759A (zh) | 一种评论图片的方法及装置 | |
CN104021500A (zh) | 一种基于二维码技术的产品质量追溯装置 | |
CN103686638A (zh) | 一种信息处理方法、装置及终端 | |
CN105550016A (zh) | 一种基于react-native快速实现移动端用户登录的方法 | |
CN103457982A (zh) | 一种移动互联网网页和移动终端能力交互的方法和装置 | |
CN102629943B (zh) | 一种移动宽带设备及其移动宽带业务处理的方法 | |
CN104598255A (zh) | 一种在视图中添加角标的系统和方法 | |
CN103605594B (zh) | 终端基础功能调用方法及装置 | |
CN108334445A (zh) | 页面元素定位方法、定位装置、测试设备及存储介质 | |
CN114254592A (zh) | 网页内容的保存方法和装置、存储介质及电子设备 | |
CN102902525A (zh) | 一种swf文件批量修改帧频的方法及装置 | |
CN106933444A (zh) | 应用的分屏方法及装置 | |
CN105635265A (zh) | 一种基于react-native快速实现移动端数据上传的方法 | |
CN105118716A (zh) | 侧按键组件及具有该侧按键组件的电子设备 | |
CN103473304A (zh) | 一种基于xml文件缓存技术的服务请求树展示方法及系统 | |
CN204011864U (zh) | 一种用于连接器单股线的两叉端子 | |
CN110351710A (zh) | 一种基于usim的终端业务功能调用方法及装置 | |
CN103546879A (zh) | 一种sim卡处理数据的方法及系统 | |
CN103226672B (zh) | As2.0脚本开发的swf文件的批量加密方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160518 |
|
RJ01 | Rejection of invention patent application after publication |