El SDK de WalkMe admite la integración con todas las aplicaciones híbridas basadas en WebView. WalkMe proporciona su lógica y su interfaz de usuario a nivel nativo, por lo que no hay riesgo de problemas de rendimiento o la necesidad de cambios de código en la aplicación anfitriona.

Este artículo explica cómo integrar el SDK de WalkMe con una aplicación híbrida utilizando el plugin Cordova.

Pasos para la integración

Instalación utilizando CLI

$ cordova plugin add cordova-plugin-walkme-sdk

O desde git:

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

Instalación manual

Android

1. Añade el siguiente xml a config.xml en el directorio raíz de la carpeta www:

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

2. Copia WalkMeSDK.js a www/js/plugins y haz referencia a él en index.html:

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

3. Descarga los archivos fuente y cópialos en tu proyecto.
   • WalkMeSDK.java

iOS

1. Añade el siguiente xml a config.xml en el directorio raíz de la carpeta www:

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

2. Copia WalkMeSDK.js a www/js/plugins y haz referencia a él en index.html:

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

3. Descarga los archivos fuente y cópialos en tu proyecto.
   • WalkMeSDK.h
   • WalkMeSDK.m
   • WalkMeSDK.framework

Uso

Para Ionic

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

Para Cordova

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