Heim > Artikel > Web-Frontend > So verbinden Sie H5 mit iOS- und Android-Daten
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!