Hello there,
So there is this Payment provider called World Pay, that enables applications to collect payment information via their own provided template form:
https://beta.developer.worldpay.com/docs/wpop/template-form
A working implementation of this for Angular can be found here:
Using this code I’ve manage to get it working for Android, but not on iOS. More specifically on the iOs builds the template form does not load, I just get a blank page.
In the iOS logs I get this error:
ERROR Internal navigation rejected - <allow-navigation> not set for url='about:blank'
I have added:
<allow-navigation href="https://cdn.worldpay.com/*" />
into the config.xml and it has made no difference.
There is a lot of advise online to not use iframes on Ionic apps and to use the in cordova app browser instead, however I am not sure how to open the a browser page when all I have is the address of a script (https://cdn.worldpay.com/v1/worldpay.js).
Any help would be greatly appreciated.