Mobil: So integrieren Sie das WalkMe Mobile SDK mit dem Cordova-Plugin

Last Updated November 29, 2022

Download as PDF

Share Article Copy link to clipboard

Das WalkMe SDK unterstützt die Integration mit allen WebView-basierten Hybrid-Apps. WalkMe stellt seine Logik und Benutzeroberfläche auf nativer Ebene bereit, sodass kein Risiko von Leistungsproblemen besteht oder Codeänderungen in der Host-App erforderlich sind.

In diesem Artikel wird erläutert, wie Sie das WalkMe SDK mithilfe des Cordova-Plugins in eine Hybrid-App integrieren.

Schritte zur Integration

Installation mit CLI

$ cordova plugin add cordova-plugin-walkme-sdk

Oder von git:

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

Manuelle Installation

Android

1. Fügen Sie die folgende XML-Datei zu Ihrer config.xml im Stammverzeichnis Ihres www-Ordners hinzu:

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

2. Kopieren Sie WalkMeSDK.js nach www/js/plugins und verweisen Sie darauf in index.html:

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

3. Laden Sie die Quelldateien herunter und kopieren Sie sie in Ihr Projekt.
   • WalkMeSDK.java

iOS

1. Fügen Sie die folgende XML-Datei zu Ihrer config.xml im Stammverzeichnis Ihres www-Ordners hinzu:

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

2. Kopieren Sie WalkMeSDK.js nach www/js/plugins und verweisen Sie darauf in index.html:

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

3. Laden Sie die Quelldateien herunter und kopieren Sie sie in Ihr Projekt.
   • WalkMeSDK.h
   • WalkMeSDK.m
   • WalkMeSDK.framework

Verwendung

Für Ionic

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

Für Cordova

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