モバイル：WalkMe Mobile SDKとCordovaプラグインを統合する方法

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フォルダーのルートディレクトリにある、次のxmlをconfig.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フォルダーのルートディレクトリにある、次のxmlをconfig.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);