How to launch external opened app using custom URL scheme from Ionic App?

Question

I want to launch opened app B externally from ionic app A using custom URL scheme.

Solutions Tried

1. Plugin In App Browser, is able to launch external app in the ionic app itself instead of launching the opened external app.

const target = '_system';
    let url = 'abc123://abc.com/mobile/details/' + Id;

    const options: InAppBrowserOptions = {
      zoom: 'no',
      location: 'no',
      hidden: 'yes'
    };

    this.loadingProvider.dismiss();
    this.inAppBrowserRef = this.inAppBrowser.create(url, target, options);

2. Plugin App Launcher. For android, it is able to launch external app but use package name instead of custom URL scheme

Answer 1

I use an anchor tag in my template, and set target="_blank". This is from an Ionic 5 app, but I've only tested in the full iOS build, I don't have an Android one yet. I'm also using Capacitor, but I don't think that changes the browser behavior.

<a [href]="website" target="_blank">{{ website }}</a>

The target="_blank" causes it to open the URL in the main os browser. The main browser should then handle your custom link.

Answer 2

If you have custom URL to open use

window.open('Your URL','_system');

in your code. This can be work in both platform Android and ios Perfectly.