Hello Readers,

I am trying to use the wikitude cordova plugin in outsystems.

I try to use the following github link "https://github.com/Wikitude/wikitude-cordova-plugin".

The extensibility configuration is written how it should be.


However there is an error appearing about a missing package. Where this missing package should be or how to include it in the project is a big question for me.

The error message we are getting is attached in this post.


Is there anyone who has experience with the wikitude cordova plugin in outsystems and knows howto fix this?

regards,

Stijn


Solution

From the outsystems support:

we did a review to the possible error associated with this plugin, it seems that it uses a dependency with the same name used by the OutSystems shell. To enable a proper compilation, it was necessary to create a fork of the plugin where it doesn't use the same dependency. 


You should be able to compile your OutSystems mobile application by using the following plugin version: https://github.com/vmfo22/wikitude-cordova-plugin

Solution

stijn klaassen wrote:

From the outsystems support:

we did a review to the possible error associated with this plugin, it seems that it uses a dependency with the same name used by the OutSystems shell. To enable a proper compilation, it was necessary to create a fork of the plugin where it doesn't use the same dependency. 


You should be able to compile your OutSystems mobile application by using the following plugin version: https://github.com/vmfo22/wikitude-cordova-plugin

I have generated the Android app with the plugin https://github.com/vmfo22/wikitude-cordova-plugin.

This worked well.


Hi,

if you need further help here is one solution to integrate with Wikitude plugin done with the Github samples and the original Github repository, only the plugin will add +-10MB to you apk.

Disclaimer
- All of the content (wtc files produced from Wikitude studio, index.html for the overlay, ade.js and the js for the experience [not the initialization in the plugin] need to be in resources, the other way is to change the ios and android code of the plugin to accept url for example
- The demo has multiple resources see the target directory for them, that is important for the demo work

the action Wikitude_InitWorld in the core initiates the world (camera and so on) for the Wikitude plugin the input URLOverlayPage is the absolute path for the index file that will be used in your experience for the overlay see the input in the demo, that is important as said in the disclaimer

this is just an example of implementation, you can change the core as you like but for best practices please leave the plugin in a module itself. You may need to change some code in the init world JS to improve your experience, this plugin is difficult to make as a standard for everyone because the code will change for every different experience.
You just install that demo and generate the apk (only tested in android), and test it with this examples

https://www.wikitude.com/external/doc/documentation/latest/phonegap/images/magazine_page_one.jpeg - for the image on target

https://www.wikitude.com/external/doc/documentation/latest/phonegap/images/solar_system.jpg - for the solar system with animation


I hope this can help you