关于android:如何在React-Native项目中集成华为远程配置服务

53次阅读

共计 1224 个字符,预计需要花费 4 分钟才能阅读完成。

集成步骤

  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