How to link Cordova app to App Store?

Question

How can I create a link button in my cordova app, which is redirecting to my app on iOS/Android/Amazon App Store depending on the device?

I have tried the following code, it gets in the iOS if clause, but it doesn't redirect me, neither gives an error:

if(window.cordova && window.device) {
    if (device.platform.toUpperCase() === 'IOS') {
        window.open("https://itunes.apple.com/gb/[OBFUSCATED]");
    } else if (device.platform.toUpperCase() === 'ANDROID') {
        window.open("https://play.google.com/store/apps/details?id=[OBFUSCATED]");
    } else {
        window.open("https://www.amazon.co.uk/[OBFUSCATED]");
    }
}

Only next helped to me in 2020: https://stackoverflow.com/questions/45587421/ionic-how-to-open-play-store-application-detail-page-from-javascript/63905554#63905554 — Vladimir Tolstikov, Sep 15 '20 at 15:52

score 17 · Accepted Answer · answered Jul 28 '16 at 21:59

17

I figured it out:

IOS: itms-apps://itunes.apple.com/app/[appId]
Android: market://details?id=[appPackageId]
Amazon: amzn://apps/android?p=[appPackageId]

answered Jul 28 '16 at 21:59

user358448

1,127
3
20
39

The android link worked for me. But for iOS I followed this link method: https://stackoverflow.com/a/2337601/ – Jeremy Wong May 09 '19 at 02:25
Note, these don't work on the simulators but they work on the device. – inorganik Nov 30 '22 at 20:43

score 5 · Answer 2 · edited Jul 28 '16 at 23:27

5

you can use Inappbrowser plugin.

Install inappbrowser plugin with following command:

cordova plugin add cordova-plugin-inappbrowser

and use following in your code:

  var isAndroid = navigator.userAgent.match(/android/i) ? true : false;
    var isIOS = navigator.userAgent.match(/(ipod|ipad|iphone)/i) ? true : false;

if(isIOS){
        window.open("https://itunes.apple.com/gb/app/[OBFUSCATED]","_system");
    } else if (isAndroid) {
        window.open("https://play.google.com/store/apps/details?id=[OBFUSCATED]", "_system");
    } else {
        window.open("https://www.amazon.co.uk/[OBFUSCATED]", "_system");
    }

Hope it will help you.

Ping comment if you stuck anywhere.

edited Jul 28 '16 at 23:27

user358448

1,127
3
20
39

answered Jul 28 '16 at 08:17

Naitik

1,455
15
26

Hi Naitlik, my code is properly detecting the device type, however window.open is not working as i don't get redirected to anything. I did also try with "_system". – user358448 Jul 28 '16 at 18:51
It workd for IOS after putting "itms-apps" instead of "https". Any idea how/if it needs to be changed for android/amazon stores? – user358448 Jul 28 '16 at 21:34
1

"_system" works for both Android and IOS. Thanks @Naitik – Syed Arshad Apr 25 '19 at 09:32
1

Glad it's help @Arshad – Naitik Apr 25 '19 at 12:09

How to link Cordova app to App Store?

2 Answers2