How to make custom url schemes in InAppBrowser.openInWebView work? (both in android & ios)

[FragsterAt]

https pages work well, but if they contain links with custom url scheme to open external apps (not mine) - they aren't work.

I need to track webview's url through browserPageNavigationCompleted to close it after successful payment page loads, so I cant use openInExternalBrowser or openInSystemBrowser.

Is there any solution for my case?

[th0rgall]

I experienced a similar issue on iOS, when opening a custom URL scheme from openInWebView. I don't have a solution, but I did find workarounds to close the modal when using openInSystemBrowser.

On iOS the error page from openInWebView looks like this:

I'm currently using openInSystemBrowser, which doesn't have this issue, and I've able to close it after a successful payment using two alternative workarounds:

1. iOS keeps the main Capacitor webview active while the SystemBrowser is active. I could listen to a successful payment event in the main Capacitor webview in the background (from the internet, e.g using websockets or polling), and close the SystemBrowser from there. In Android, the main Capacitor webview's execution seems to be paused when SystemBrowser is open, which makes this approach impossible.
2. You can use Universal Links (iOS) or App Links (Android) to get back into the app, see the deep links guide.
   • iOS has some limitations here: a redirect to a universal link needs to happen within 1 second of pressing a button/link to open in the app. Additionally, if your SystemBrowser has already loaded domain A after more than 1 second of waiting (failing to open in the app), then a second button press on domain A needs to link to a different domain B to open in the app.
   • App links in Android work more flexibly without the above restrictions.

What I haven't tried:

1. In iOS you can add a URL Scheme to your app with the "viewer" permission. In my case (like sberpay:// above) it was also not an app that I control, and you should still be able to add a permission like that. I didn't try adding such a permission. Maybe doing this helps. It seems Android has a similar concept for querying usable URL schemes (see https://capacitorjs.com/docs/apis/app-launcher). The problem in my case (also with payments, using Stripe) is that I suspect that many different apps could be launched this way, and I can't know them all.
2. There is https://github.com/apache/cordova-plugin-inappbrowser, which seems to have a messaging system between the in-app browser and the main webview. Maybe you can get that plugin to work.