O SDK WalkMe oferece suporte à integração com todos os aplicativos híbridos baseados em WebView. O WalkMe fornece sua lógica e interface de usuário no nível nativo, portanto, não há risco de problemas de desempenho ou necessidade de alterações de código no aplicativo host.

Este artigo explica como integrar o SDK do WalkMe com um aplicativo híbrido usando o plug-in Cordova.

Etapas Para Integração

Instalação usando CLI

$ cordova plugin adicionar cordova-plugin-walkme-sdk

Ou do git:

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

Instalação manual

Android

1. Adicione o seguinte xml ao seu config.xml no diretório raiz da pasta www:

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

2. Copie WalkMeSDK.js para www/js/plugins e faça referência ao arquivo index.html:

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

3. Baixe os arquivos de origem e copie-os para o projeto.
   • WalkMeSDK.java

iOS

1. Adicione o seguinte xml ao seu config.xml no diretório raiz da pasta www:

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

2. Copie WalkMeSDK.js para www/js/plugins e faça referência ao arquivo index.html:

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

3. Baixe os arquivos de origem e copie-os para o projeto.
   • 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("eready", function() {
...
 window.cordova.plugins['WalkMeSDK'].start('<App-Key>', '<App-Secret>');
}, falso);