AppGallery Connect：如何在React Native項(xiàng)目中集成華為遠(yuǎn)程配置服務(wù)

集成步驟

1.安裝React Native依賴

npm install-g yarn

2.開通服務(wù)&創(chuàng)建工程

a)在AGC創(chuàng)建Android應(yīng)用并開通遠(yuǎn)程配置服務(wù)，添加配置項(xiàng)

b)命令行創(chuàng)建React Native工程（RemoteConfig為創(chuàng)建的工程目錄名）

npx react-native init RemoteConfig

c)在React Native項(xiàng)目中添加配置文件

將配置文件“agconnect-services.json”添加到React Native項(xiàng)目的android/app目錄下

d)配置Maven倉(cāng)地址和AGC插件地址。

1)打開React Native項(xiàng)目android目錄下的build.gradle文件。

在allprojects->repositories里面配置maven倉(cāng)地址。

在buildscript->repositories中配置maven倉(cāng)地址。

在buildscript->dependencies中配置AppGallery Connect插件地址。

2)添加編譯依賴和AGC插件地址。

打開React Native項(xiàng)目android/app文件夾下的build.gradle文件，添加插件地址。

3.安裝插件

在項(xiàng)目工程目錄的pacakge.json文件下，將需要的插件加入到dependencies中：

然后調(diào)用npm install方法安裝這些插件，也可以用yarn

npm install

4.功能展示

a)應(yīng)用本地配置

將本地配置設(shè)置為map格式，調(diào)用applyDefault方法應(yīng)用到本地

b)獲取云端數(shù)據(jù)/獲取上次獲取的云端數(shù)據(jù)

與android相同，通過fetch接口獲取云端的配置，接口后的參數(shù)為獲取云端參數(shù)的間隔

同樣的，如果想獲取上次拉取的數(shù)據(jù)則通過applyLastFetch方法：

c)將云端數(shù)據(jù)與本地?cái)?shù)據(jù)合并

與Android相同，調(diào)用getMergedAll完成合并

d)清除數(shù)據(jù)

直接調(diào)用clearAll接口清除之前拉取的數(shù)據(jù)的緩存

e)拉取云端某key值對(duì)應(yīng)的數(shù)據(jù)

調(diào)用getValue接口直接獲取云端相關(guān)數(shù)據(jù)

f)打包

在項(xiàng)目根目錄下使用命令yarn android可以直接打出android的包：

g)結(jié)果展示

當(dāng)我們獲取到值以后可以看到云端的值和本地配置的值都可以正確的獲取到：