WalkMe SDKは、すべてのWebViewベースのハイブリッドアプリとの統合をサポートしています。 WalkMeは、ネイティブレベルでロジックとユーザーインターフェイスを提供するため、パフォーマンスの問題のリスクやホストアプリでコードの変更の必要がありません。

この記事では、Cordovaプラグインを使用してWalkMe SDKをハイブリッドアプリと統合する方法について説明します。

統合の手順

CLIを使用したインストール

$ cordova plugin add cordova-plugin-walkme-sdk

またはgitから：

$ cordova plugin add https://github.com/abbiio/cordova-plugin-walkme-sdk.git

手動インストール

Android

1. wwwフォルダのルートディレクトリでconfig.xmlに以下のxmlを追加します。

   <feature name="WalkMeSDK">
   <param name="android-package" value="cordova.plugin.walkme.sdk.WalkMeSDK" />
   </feature>

2. WalkMeSDK.jsをwww/js/pluginsにコピーし、index.htmlで参照します。

   <script type="text/javascript" src="js/plugins/WalkMeSDK.js"></script>

3. ソースファイルをダウンロードし、プロジェクトにコピーします。
   • WalkMeSDK.java

iOS

1. wwwフォルダのルートディレクトリでconfig.xmlに以下のxmlを追加します。

   <feature name="WalkMeSDK">
   <param name="ios-package" value="WalkMeSDK" />
   </feature>

2. WalkMeSDK.jsをwww/js/pluginsにコピーし、index.htmlで参照します。

   <script type="text/javascript" src="js/plugins/WalkMeSDK.js"></script>

3. ソースファイルをダウンロードし、プロジェクトにコピーします。
   • WalkMeSDK.h
   • WalkMeSDK.m
   • WalkMeSDK.framework

使用法

Ionicの場合

this.platform.ready().then(() => {
...
 window.cordova.plugins['WalkMeSDK'].start('<App-Key>', '<App-Secret>」）。
});

Cordovaの場合

document.addEventListener("deviceready", function() {
...
 window.cordova.plugins['WalkMeSDK'].start('<App-Key>', '<App-Secret>」）。
}, false);