集成步骤

1. 装置React Native依赖

npm install -g yarn

1. 开明服务&创立工程

a) 在AGC创立Android利用并开明近程配置服务，增加配置项

b) 命令行创立React Native工程（RemoteConfig为创立的工程目录名）
npx react-native init RemoteConfig

c) 在React Native我的项目中增加配置文件
将配置文件“agconnect-services.json”增加到React Native我的项目的android/app目录下

d) 配置Maven仓地址和AGC插件地址。
1) 关上React Native我的项目android目录下的build.gradle文件。
在allprojects ->repositories外面配置maven仓地址。
在buildscript->repositories中配置maven仓地址。
在buildscript->dependencies中配置AppGallery Connect插件地址。

2) 增加编译依赖和AGC插件地址。

 关上React Native我的项目android/app文件夹下的build.gradle文件，增加插件地址。

1. 装置插件

在我的项目工程目录的pacakge.json文件下，将须要的插件退出到dependencies中：

而后调用npm install办法装置这些插件，也能够用yarn
npm install

1. 性能展现

a) 利用本地配置
将本地配置设置为map格局，调用applyDefault办法利用到本地

b) 获取云端数据/获取上次获取的云端数据
与android雷同，通过fetch接口获取云端的配置，接口后的参数为获取云端参数的距离

同样的，如果想获取上次拉取的数据则通过applyLastFetch办法：

c) 将云端数据与本地数据合并
与Android雷同，调用getMergedAll实现合并

d) 革除数据
间接调用clearAll接口革除之前拉取的数据的缓存

e) 拉取云端某key值对应的数据
调用getValue接口间接获取云端相干数据

f) 打包
在我的项目根目录下应用命令yarn android能够间接打出android的包：

g) 后果展现
当咱们获取到值当前能够看到云端的值和本地配置的值都能够正确的获取到：

欲了解更多详情，请参见：

AGC 近程配置Demo（React Native）：https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Examples/agc-crash-samplecode-reactnative-0000001063369277

原文链接：https://developer.huawei.com/consumer/cn/forum/topic/0201411011652350365?fid=0101271690375130218

原作者：Mayism

喜欢 (0)赏

[搞代码]

分享 (0)