天天看點

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

最近發現AGC遠端配置服務支援Cordova了,于是自己在項目裡試了下,內建還是非常簡單的,推薦大家使用。

內建步驟

本地建立項目目錄,目錄下通過npm指令安裝cordova環境。

npm install -g cordova

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

開通服務&建立工程

a) 在AGC建立Android應用并開通遠端配置服務,添加配置項。

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

b) 使用指令行建立cordova工程,這裡我建立了名為一個RemoteConfig的項目。

cordova create RemoteDemo com.huawei.cordova.remoteconfig RemoteConfig Creating a new cordova project.

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

c) 安裝需要的平台

進入工程目錄,執行cordova platform add android添加android平台

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

添加完成後,執行cordova platform -l檢視支援的平台

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

d) 進入剛剛建立的項目的項目設定頁面,将agconnect-services.json檔案放入android/app目錄下

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

e) 安裝AGC插件

cordova plugin add @cordova-plugin-agconnect/remoteconfig --save

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

安裝好後可以在plugins中看到

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

在app/build.gradle添加插件位址

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

功能展示

擷取雲端資料,本次生效

直接調用fetch接口擷取雲端配置并apply到本地

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務
cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

通過日志可以看到我們從雲端設定的值:

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

剩下的值為我們本地設定的值

擷取雲端資料,生效上次擷取的配置

将fetch接口替換成applyLastFetch接口來擷取上次拉取的資料

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

清除資料

直接調用clearAll接口清除之前拉取的資料的緩存

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

拉取雲端某key值對應的資料

調用getValue接口直接擷取雲端相關資料

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

編譯與安裝

執行cordova build android編譯工程

cordova 人臉識别,如何在Cordova項目中內建華為遠端配置服務

在android目錄的build檔案夾在找到打包的apk。

原作者:Mayism