如何在Cordova项目中集成华为远程配置服务

最近发现AGC远程配置服务支持Cordova了,因而本身在项目里试了下,集成仍是很是简单的,推荐你们使用。html

集成步骤

  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.android

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

安装好后能够在plugins中看到app

在这里插入图片描述

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

在这里插入图片描述

  1. 功能展现
    1. 获取云端数据,本次生效
      直接调用fetch接口获取云端配置并apply到本地

在这里插入图片描述

在这里插入图片描述

经过日志能够看到咱们从云端设置的值:fetch

在这里插入图片描述

剩下的值为咱们本地设置的值gradle

  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

相关文章
相关标签/搜索