H 5でアプリを呼び起こし、失敗を呼び起こしてアプリダウンロードページに入る

H 5でAPP原理を喚起:SchemeプロトコルでAPPを開く
Schemeの構成:scheme:path[#fragment]
一、直接プロトコルを使ってAPPを開き、失敗したらダウンロードページに入る

  App

function openApp() {
    //   iframe       APP，       ，      APP
    //   APP   scheme    ，     weixin:// 
    //     APP   
    var ifr = document.createElement('iframe');
    ifr.src = 'APP  ://      ';
    ifr.style.display = 'none';
    document.body.appendChild(ifr);
    window.setTimeout(function(){
        downloadAPP()
        document.body.removeChild(ifr);
    },2000)
}

function downloadAPP() {
    //    Android  iOS
    const u = navigator.userAgent;
    let system = '';
    if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1) {
        system = 'Android';
    } else if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
        system = 'iOS';
    } else {
        system = 'unknown';
    }
    //       ，       APP  
    if(system === 'Android') {
        // TODO：                         
        window.location = "      "
    } else if(system === 'iOS') {
        window.location = "iOS    "
    }
}

二、サードパーティ製プラグインを使用しても、原理は同じです.
https://github.com/suanmei/ca...、具体的な使用はgithubを参照

import CallApp from 'callapp-lib';

  

  

function openApp(){     

    const option = {

      scheme: {

        protocol: 'matchu',

      },

      appstore: 'appstore     ',

      yingyongbao: '     ',

      fallback: '        ',

      timeout: 3000,

    };

    const lib = new CallApp(option);

    lib.open({

        path: '  APP     ',

    });  

}