一種基于react-native的快速實(shí)現(xiàn)移動(dòng)端數(shù)據(jù)獲取的方法
【技術(shù)領(lǐng)域】
[0001 ] 本發(fā)明涉及：react-nat ive技術(shù)領(lǐng)域，特別涉及一種基于react-nat ive的快速實(shí)現(xiàn) 移動(dòng)端數(shù)據(jù)獲取的方法。
【背景技術(shù)】
[0002] React Native結(jié)合了Web應(yīng)用和Native應(yīng)用的優(yōu)勢(shì)，可以使用JavaScript來(lái)開(kāi)發(fā) iOS和Android原生應(yīng)用。在JavaScript中用React抽象操作系統(tǒng)原生的UI組件，代替D0M元 素來(lái)渲染等。
[0003] 當(dāng)前面臨的問(wèn)題是：
[0004] React Native是Facebook最新開(kāi)源的，可以同時(shí)用來(lái)開(kāi)發(fā)iOS和Android應(yīng)用，每 個(gè)需要從服務(wù)器獲取數(shù)據(jù)的移動(dòng)應(yīng)用，都在重復(fù)實(shí)現(xiàn)數(shù)據(jù)獲取方法的功能，如果有一種同 時(shí)支持iOS和Android，可以從服務(wù)器獲取數(shù)據(jù)的組件即插即用就好了。

【發(fā)明內(nèi)容】

[0005] 本發(fā)明解決的技術(shù)問(wèn)題在于提供一種基于react-native的快速實(shí)現(xiàn)移動(dòng)端數(shù)據(jù) 獲取的方法;能夠快速實(shí)現(xiàn)同時(shí)支持iOS和Android從服務(wù)器獲取數(shù)據(jù)問(wèn)題。
[0006] 本發(fā)明解決上述技術(shù)問(wèn)題的技術(shù)方案是：
[0007]所述的方法是先編寫(xiě)自定義Json字符串?dāng)?shù)據(jù)格式，然后，封裝Json接口類(lèi)api · js， 實(shí)現(xiàn)接口配置;封裝數(shù)據(jù)獲取類(lèi)uti 1. js，實(shí)現(xiàn)數(shù)據(jù)獲取封裝類(lèi);再調(diào)用Json接口和工具類(lèi) Uti 1. js與服務(wù)器進(jìn)行交互驗(yàn)證，驗(yàn)證成功獲取對(duì)data數(shù)據(jù)，失敗則返回異常提醒;最后，組 件化封裝成GetData. js，通過(guò)語(yǔ)句var GetData = require(GetData. js '）；直接把組件插入 到自己的項(xiàng)目中；從而快速實(shí)現(xiàn)從服務(wù)器端獲取數(shù)據(jù)。
[0008] 所述的移動(dòng)端包括iOS和Android。
[0009] 本發(fā)明的有益效果:提供了一種基于react-native快速實(shí)現(xiàn)移動(dòng)端數(shù)據(jù)獲取的方 法;可以快速實(shí)現(xiàn)iOS和Android從服務(wù)器端獲取數(shù)據(jù)。
【附圖說(shuō)明】
[0010] 下面結(jié)合附圖對(duì)本發(fā)明進(jìn)一步說(shuō)明：
[0011] 圖1為本發(fā)明的方法流程圖。
【具體實(shí)施方式】
[0012] 如圖1所示，本發(fā)明采用如下步驟可以快速實(shí)現(xiàn)移動(dòng)端從服務(wù)器獲取數(shù)據(jù)的方法；
[0013] 步驟一、編寫(xiě)自定義Json字符串?dāng)?shù)據(jù)格式；


[0021]步驟四、調(diào)用Json接口和工具類(lèi)Uti 1. js與服務(wù)器進(jìn)行交互驗(yàn)證，驗(yàn)證成功獲取對(duì) data數(shù)據(jù)，失敗返回異常提醒。

[0024] 步驟五、組件化封裝成GetData . j s，可以通過(guò)語(yǔ)句var GetData = require (GetData. );直接把組件插入到自己的項(xiàng)目中，從而從服務(wù)器端獲取數(shù)據(jù)。
【主權(quán)項(xiàng)】
1. 一種基于react-native的快速實(shí)現(xiàn)移動(dòng)端數(shù)據(jù)獲取的方法，其特征在于:所述的方 法是先編寫(xiě)自定義Json字符串?dāng)?shù)據(jù)格式，然后，封裝Json接口類(lèi)api . js，實(shí)現(xiàn)接口配置;封 裝數(shù)據(jù)獲取類(lèi)util, js，實(shí)現(xiàn)數(shù)據(jù)獲取封裝類(lèi);再調(diào)用Json接口和工具類(lèi)Util, js與服務(wù)器 進(jìn)行交互驗(yàn)證，驗(yàn)證成功獲取對(duì)data數(shù)據(jù)，失敗則返回異常提醒；最后，組件化封裝成 GetData. js，通過(guò)語(yǔ)句var GetData = require(GetData. js '）；直接把組件插入到自己的項(xiàng) 目中；從而快速實(shí)現(xiàn)從服務(wù)器端獲取數(shù)據(jù)。2. 根據(jù)權(quán)利要求1所述的一種基于react-native的快速實(shí)現(xiàn)移動(dòng)端數(shù)據(jù)獲取的方法， 其特征在于:所述的移動(dòng)端包括i〇S和Android。
【專(zhuān)利摘要】本發(fā)明涉及react-native技術(shù)領(lǐng)域，特別涉及一種基于react-native的快速實(shí)現(xiàn)移動(dòng)端數(shù)據(jù)獲取的方法。本發(fā)明方法是先編寫(xiě)自定義Json字符串?dāng)?shù)據(jù)格式，然后，封裝Json接口類(lèi)api.js，實(shí)現(xiàn)接口配置；封裝數(shù)據(jù)獲取類(lèi)util.js，實(shí)現(xiàn)數(shù)據(jù)獲取封裝類(lèi)；再調(diào)用Json接口和工具類(lèi)Util.js與服務(wù)器進(jìn)行交互驗(yàn)證，驗(yàn)證成功獲取對(duì)data數(shù)據(jù)，失敗則返回異常提醒；最后，組件化封裝成GetData.js，通過(guò)語(yǔ)句var？GetData＝require(GetData.jsˊ)；直接把組件插入到自己的項(xiàng)目中；從而快速實(shí)現(xiàn)從服務(wù)器端獲取數(shù)據(jù)。本發(fā)明提供了一種基于react-native快速實(shí)現(xiàn)移動(dòng)端數(shù)據(jù)獲取的方法；可以用于快速實(shí)現(xiàn)iOS和Android從服務(wù)器端獲取數(shù)據(jù)。
【IPC分類(lèi)】G06F9/44
【公開(kāi)號(hào)】CN105589693
【申請(qǐng)?zhí)枴緾N201510960900
【發(fā)明人】張來(lái)卿, 徐震宇, 季統(tǒng)凱
【申請(qǐng)人】國(guó)云科技股份有限公司
【公開(kāi)日】2016年5月18日
【申請(qǐng)日】2015年12月18日