如何在React Native项目中集成华为远程配置服务
集成步骤
- 安装React Native依赖
npm install -g yarn
- 开通服务&创建工程
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插件地址。
- 打开React Native项目android目录下的build.gradle文件。
在allprojects ->repositories里面配置maven仓地址。
在buildscript->repositories中配置maven仓地址。
在buildscript->dependencies中配置AppGallery Connect插件地址。
- 添加编译依赖和AGC插件地址。
打开React Native项目android/app文件夹下的build.gradle文件,添加插件地址。
- 安装插件
在项目工程目录的pacakge.json文件下,将需要的插件加入到dependencies中:
然后调用npm install方法安装这些插件,也可以用yarn
npm install
- 功能展示
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
相关文章
- Spring Boot 集成配置 HTTPS
- jenkins+maven+git+ 邮件自动转发 持续化集成 图文教程
- jenkins 持续集成和交付——pipeline(五)
- 基于EasyNVR二次开发实现业务需求:直接集成EasyNVR播放页面到自身项目
- Jenkins部署python-flask后端项目,持续集成(jinkins配置python虚拟环境)
- Hudi(20):Hudi集成Flink之可以离线进行的操作
- WordPress,SAP Kyma和微信三者的集成
- android安卓应用和OBD的集成场景
- [转]Infobright是一个与MySQL集成的开源数据仓库
- Atitit spring springboot 集成mybatis法 目录 1.1. 使用spring管理数据源。。需要修改spring、 配置1 1.2. 直接代码集成,无需修改任何配置1
- Atitit.mybatis的测试 以及spring与mybatis在本项目中的集成配置说明
- SpringBoot集成mybatis
- 【SpringBoot笔记28】SpringBoot集成ES数据库之操作doc文档(创建、更新、删除、查询)
- 10_Spring Boot 集成Dubbo + Mybatis + Redis
- 【项目实战】Spring Boot集成JavaMailSender发送邮件
- 如何使用Spring Cloud搭建高可用的Elasticsearch集群?详解Elasticsearch的安装与配置及Spring Boot集成的实现
- 2022最新版超详细的Maven下载配置教程、IDEA中集成maven(包含图解过程)、以及导入项目时jar包下载不成功的问题解决
- 自动化测试与持续集成方案
- 软件测试『持续集成』篇——自动编译和打包(中-1)
- websocket接口自动化集成pytest测试框架
- Python接口测试实战之Git及Jenkins持续集成
- Python微服务实践-集成Consul配置中心
- DL+ML集成学习--附思维导图
- python工具方法 33 基于lossFusion类实现多个loss的集成
- 配置maven集成nexus私服(十八)