亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何在React Native項目中集成華為遠程配置服務

標簽:
Android

集成步骤

  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插件地址。

在这里插入图片描述

  1. 添加编译依赖和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) 结果展示
当我们获取到值以后可以看到云端的值和本地配置的值都可以正确的获取到:

在这里插入图片描述

原作者:Mayism

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消