最近发现AGC远程配置服务支持Cordova了,于是自己在项目里试了下,集成还是非常简单的,推荐大家使用。

集成步骤

  1. 本地新建项目目录,目录下通过npm命令安装cordova环境。

npm install -g cordova

在这里插入图片描述

  1. 开通服务&创建工程

a) 在AGC创建Android应用并开通远程配置服务,添加配置项。

在这里插入图片描述

b) 使用命令行新建cordova工程,这里我创建了名为一个RemoteConfig的项目。
cordova create RemoteDemo com.huawei.cordova.remoteconfig RemoteConfig Creating a new cordova project.

在这里插入图片描述

c) 安装需要的平台
进入工程目录,执行cordova platform add android添加android平台

在这里插入图片描述

添加完成后,执行cordova platform -l查看支持的平台

在这里插入图片描述

d) 进入刚刚创建的项目的项目设置页面,将agconnect-services.json文件放入android/app目录下

在这里插入图片描述

e) 安装AGC插件
cordova plugin add @cordova-plugin-agconnect/remoteconfig --save

在这里插入图片描述

安装好后可以在plugins中看到

在这里插入图片描述

在app/build.gradle添加插件地址

在这里插入图片描述

  1. 功能展示

    1. 获取云端数据,本次生效

直接调用fetch接口获取云端配置并apply到本地

在这里插入图片描述

在这里插入图片描述

通过日志可以看到我们从云端设置的值:

在这里插入图片描述

剩下的值为我们本地设置的值

  1. 获取云端数据,生效上次获取的配置

将fetch接口替换成applyLastFetch接口来获取上次拉取的数据

在这里插入图片描述

  1. 清除数据

直接调用clearAll接口清除之前拉取的数据的缓存

在这里插入图片描述

  1. 拉取云端某key值对应的数据

调用getValue接口直接获取云端相关数据

在这里插入图片描述

  1. 编译与安装

执行cordova build android编译工程

在这里插入图片描述

在android目录的build文件夹在找到打包的apk。

欲了解更多详情,请参见:
Cordova开发指南:
https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

远程配置API文档:
https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-References/agconnectconfig


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

原作者:Mayism


华为开发者论坛
352 声望56 粉丝

华为开发者论坛是一个为开发者提供信息传播、开发交流、技术分享的交流空间。开发者可以在此获取技术干货、华为源码开放、HMS最新活动等信息,欢迎大家来交流分享!