[Cordova] 存取 Airwatch SDK 範例

Posted in :

2018-01-08

操作步驟如下：

1. 建立一個 Hello World 專案：

cordova create hello_airwatch com.example.hello_airwatch HelloAirwatch

2. 進入 hello_airwatch 目錄下

cd hello_airwatch

3. 加入了 ios 和 android平台：

cordova platform add ios
cordova platform add android

4. 加入了 airwatch SDK：

cordova plugin add airwatch-sdk-plugin

加入 Airwatch SDK 後，服用下列的範例就可以存取到目前的使用者。

<!DOCTYPE html>
<html>
<head>
    <title>Device Properties Example</title>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        var element = document.getElementById('deviceProperties');
        element.innerHTML = 'Device Model: 123';

        window.plugins.airwatch.setSDKEventListener(sdkEventCallback);
    }

    function sdkEventCallback(event, info)
    {
        var element = document.getElementById('deviceProperties');
        element.innerHTML = 'event: ' + event;
        if (event === "initSuccess") {
            window.plugins.airwatch.username(usernameEventCallback);
        }
    }

    function usernameEventCallback(successCallback, errorCallback)
    {
        var element = document.getElementById('usernameProperties');
        element.innerHTML = 'username: ' + successCallback;
    }

    </script>
</head>
<body>
<p id="deviceProperties">Loading device properties...</p>
<p id="usernameProperties">Loading username properties...</p>
</body>
</html>

附註：我是使用 Android Studio 去匯入 Cordova 目錄下的 android 目錄，就可以 build 成 apk 了，當然，也可以透過 adb 或其他的 command line 來 build apk ，理論上不需要安裝 Android Studio, 只需要安裝 Android SDK.
附註：如果遇到 build 的 error message, 可能是 airwatch-dsk-plugin 會使用到 aar 格式的檔案, 如果build 的 error message 是：
Error:Failed to resolve: :AirWatchSDK-release
是因為 aar 檔案的檔案沒有被 comiple 成功。解法是把 aar 放到 /app/libs/ 目錄下，就可以正常抓到。

可以 build 成功之後，就可以透過上述的範例存取到 airwatch SDK 所提供的資料。

Airwatch SDK資料來源：

https://www.npmjs.com/package/airwatch-sdk-plugin

附註：

Airwatch plugin 的 build.gradle 裡的設定值：