乐趣区

关于android:Web-快速集成华为AGC远程配置

jiezi

最近发现华为 AGC 近程配置服务开始反对 Web 平台了，之前只反对 Android 版本，期待 Web 版本很久了，也急不可待地集成体验了一下，集成的 Demo 见 Github。

集成步骤

  1. 开明服务

a) 登录 AGC，创立 JS 利用

b) 开明近程配置

c) 点击“增加配置项”，新增近程配置的配置项

  1. 集成 SDK

a) 输出指令将 npm 下载到我的项目中

npm install –save @agconnect/remoteconfig

  1. 接入性能

a) 获取本地配置项

在 vue 中创立本地配置 map

利用本地配置 

export function applyDefault(map) {return agconnect.remoteConfig().applyDefault(map);
}

b) 获取云端配置项

间接调用 fetch 接口获取云端配置 

export async function fetch() {return agconnect.remoteConfig().fetch().then(() => {return Promise.resolve();
  }).catch((err) => {return Promise.reject(err);
  });
}

c) 将配置利用到本地，分为实时利用到本地和失效上次配置两种。

实时利用到本地：

间接调用 apply 接口：

export function apply() {
  return agconnect
    .remoteConfig().apply().then((res) => {return Promise.resolve(res);
      }
    ).catch(error => {return Promise.reject(error);
    });
}

失效上次获取的配置：

调用 applyLastFetch 接口获取上次 fetch 到的配置 

// 加载配置
export function applyLastLoad() {
  return agconnect
    .remoteConfig().loadLastFetched().then(async (res) => {if (res) {await agconnect.remoteConfig().apply(res);
        }
        return Promise.resolve(res);
      }
    ).catch(error => {return Promise.reject(error);
    });
}

d) 合并本地云端配置

间接调用 getMergedAll 接口合并所有配置项 

export function getMergedAll() {return agconnect.remoteConfig().getMergedAll();}

e) 革除配置项

调用 clearAll 接口革除配置项 

export function clearAll() {agconnect.remoteConfig().clearAll();}

f) 成果展现

点击获取，远端配置失效合并本地和云端的配置项，点击确定最终显示出所有的配置项。

想要理解更多相干内容，请参考：

在 web 平台集成华为 AGC 近程配置：https://github.com/AppGallery…

Web 集成华为 AGC 近程配置开发指南：https://developer.huawei.com/…

原文链接：https://developer.huawei.com/…
原作者：Mayism

退出移动版