Heim  >  Artikel  >  Web-Frontend  >  So verbinden Sie H5 mit iOS- und Android-Daten

So verbinden Sie H5 mit iOS- und Android-Daten

一个新手
一个新手Original
2017-10-19 09:44:212211Durchsuche

Anforderungen:

Die APP muss eine H5-Seite zur Anzeige verwenden und die entsprechende Produkt-ID muss abgerufen werden. Der Benutzer klickt auf die H5-Seite, um zur nativen Seite der APP zurückzukehren Seite.

Methode:

Zuerst müssen Sie feststellen, ob der Benutzer ein iOS- oder Android-Gerät ist (hier werden nur iOS und Android berücksichtigt, da ihre Schreibmethoden still sind (etwas anders, daher sind sie getrennt). Deaktivieren Sie dann den Sprung der H5-Seite, rufen Sie die ID des Klickbereichs ab und übergeben Sie sie an die APP.

ios:wobei goDetail die Methode ist, die sie auf ios aufrufen möchten, data der ID-Wert und type der Typ ist. Wenn es andere Parameter gibt, kann er an den übergeben werden APP


var u = navigator.userAgent; //获取用户设备
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

$("a").click(function(){
    var href = $(this).attr("data-href");
    if (isIOS && window.WebViewJavascriptBridge) { //ios app 设备才执行
        $(this).attr("href","javascript:;");//禁止H5页面跳转
        WebViewJavascriptBridge.callHandler('goDetail', {"data": href,'type':"1"}, function(){

        });
        return false;

    }
});

android: Rufen Sie eine in H5 geschriebene Methode gotoAndroidApp() im Android-Code auf und erhalten Sie dann den Wert der WareDetail Parameter, der erste ist die ID, der zweite ist der Typwert. Wenn andere Parameter vorhanden sind, können mehrere


// 安卓app才调用的方法
function gotoAndroidApp() {
    $("a").click(function(){
        $(this).attr("href","javascript:;");
        var href = $(this).attr("data-href");
        window.androidVik.goodsDetail(href,1);
        return false;
    });
}

nacheinander übergeben werden. Vollständiger Fall:





    
    
    对接app







Das obige ist der detaillierte Inhalt vonSo verbinden Sie H5 mit iOS- und Android-Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn