AppGallery Connect：快速集成华为AGC远程配置

小提示：您能找到这篇{AppGallery Connect：快速集成华为AGC远程配置}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的AppGallery Connect：快速集成华为AGC远程配置内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

< ">最近发现华为AGC远程配置服务开始支持Web平台了，之前只支持Android版本，期待Web版本很久了，也迫不及待地集成体验了一下，集成的Demo见Github。

< font-size: 16px;">集成步骤

< font-size: 16px;">1. 开通服务

< font-size: 16px;">a)  登录AGC，创建JS应用

< font-size: 16px;">b)  开通远程配置

< font-size: 16px;">c)  点击“添加配置项”，新增远程配置的配置项

< font-size: 16px;">

< font-size: 16px;">2. 集成SDK

< font-size: 16px;">a) 输入指令将npm下载到项目中

< font-size: 16px;">npm install –save @agconnect/remoteconfig

< font-size: 16px;">

< font-size: 16px;">3. 接入功能

< font-size: 16px;">a) 获取本地配置项

< font-size: 16px;">在vue中创建本地配置map

< font-size: 16px;">

< font-size: 16px;">应用本地配置

< font-size: 16px;">export function applyDefault(map) {

< font-size: 16px;">  return agco电商培训运营费用nnect.remoteConfig().applyDefault(map);

< font-size: 16px;">}

< font-size: 16px;">b)  获取云端配置项

< font-size: 16px;">直接调用fetch接口获取云端配置

< font-size: 16px;">export async function fetch() {

< font-size: 16px;">  return agconnect.remoteConfig().fetch().then(() => {

< font-size: 16px;">    return Promise.resolve();

< font-size: 16px;">  }).catch((err) => {

< font-size: 16px;">    return Promise.reject(err);

< font-size: 16px;">  });

< font-size: 16px;">}

< font-size: 16px;">c) 将配置应用到本地，分为实时应用到本地和生效上次配置两种。

< font-size: 16px;">  实时应用到本地：

< font-size: 16px;">直接调用apply接口：

< font-size: 16px;">export function apply() {

< font-size: 16px;">  return agconnect

< font-size: 16px;">    .remoteConfig().apply().then((res) => {

< font-size: 16px;">        return Promise.resolve(res);

< font-size: 16px;">      }

< font-size: 16px;">    ).catch(error => {

< font-size: 16px;">      return Promise.reject(error);

< font-size: 16px;">    });

< font-size: 16px;">}

< font-size: 16px;">  生效上次获取的配置：

< font-size: 16px;">调用applyLastFetch接口获取上次fetch到的配置

< font-size: 16px;">//加载配置

< font-size: 16px;">export function applyLastLoad() {

< font-size: 16px;">  return agconnect

< font-size: 16px;">    .remoteConfig().loadLastFetched().then(async (res) => {

< font-size: 16px;">        if (res) {

< font-size: 16px;">          await agconnect.remoteConfig().apply(res);

< font-size: 16px;">        }

< font-size: 16px;">        return Promise.resolve(res);

< font-size: 16px;">      }

< font-size: 16px;">    ).catch(error => {

< font-size: 16px;">      return PromiUC神马se.reject(error);

< font-size: 16px;">    });

< font-size: 16px;">}

< font-size: 16px;">d) 合并本地云端配置

< font-size: 16px;">直接调用getMergedAll接口合并所有配置项

< font-size: 16px;">export function getMergedAll() {

< font-size: 16px;">  return agconnect.remoteConfig().getMergedAll();

< font-size: 16px;">}

< font-size: 16px;">e)  清除配置项

< font-size: 16px;">调用clearAll接口清除配置项

< font-size: 16px;">export function clearAll() {

< font-size: 16px;">  agconnect.remoteConfig().clearAll();

< font-size: 16px;">}

< font-size: 16px;">f)  效果展示

< font-size: 16px;">

< font-size: 16px;">点击获取，远端配置生效合并本地和云端的配置项，点击确定最终显示出所有的配置项。

< font-size: 16px;">想要了解更多相关内容，请参考：

< font-size: 16px;">在web平台集成小程序开发过程华为AGC远程配置：https://github.com/AppGalleryConnect/agc-web-demos/tree/master/agc-romoteconfig-demo-javascript

< font-size: 16px;">Web集成华为AGC远程配置开发指南：https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-remoteconfig-web-getstarted-0000001056501223