Vuejs - Проверить, установлено мобильное приложение или нет

Question

Я работаю над веб-приложением. Где я разместил проверку, чтобы определить, открыта ли ссылка на мобильном устройстве или ноутбуке.

consider the link to be: my-site.com

Теперь на моем сайте также есть мобильное приложение на android и ios. Если приложение android установлено и я нажимаю кнопку «Пуск», она открывает эту ссылку в мобильном приложении.

Чего я хочу достичь:

Чего я хочу добиться, так это если приложение android не установлено и нажата кнопка «Пуск», тогда оно должно открыть ссылку PlayStore для приложения, а если оно установлено, кнопка перейдет в приложение.

Текущий подход:

Я разместил проверки для устройства = мобильный и где устройство android, откройте приложение android и где устройство ios открыто ios ссылка, но как открыть PlayStore / App Store, если приложение не установлено.

Answer 1

Вы можете проверить userAgent браузера и добавить ссылку в PlayStore. Если приложение установлено, оно откроет приложение, если не будет открыто игровое хранилище собственного устройства.

добавьте эту функцию в событие нажатия кнопки:

...
         if(navigator.userAgent.toLowerCase().indexOf("android") > -1){
             window.location.href = 
           'http://play.google.com/store/apps/details?id=PACKAGEURL';
     }
         if(navigator.userAgent.toLowerCase().indexOf("iphone") > -1){
             window.location.href = 
       'http://itunes.apple.com/lb/app/PACKAGEURL';
     }