如何在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

相關文章
相關標籤/搜索