最近发现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