H5를 iOS 및 Android 데이터와 연결하는 방법

요구 사항:

앱은 표시를 위해 H5 페이지를 사용해야 하며, 사용자는 H5 페이지를 클릭하여 앱의 기본 페이지로 돌아갑니다.

방법:

먼저 사용자가 ios 또는 android 장치인지 확인해야 합니다(여기에서는 ios와 android만 고려됩니다. 약간 다르게 작성되어 분리되어 있기 때문입니다). H5 페이지로 점프하여 클릭 영역을 획득합니다. ID가 APP에 전달됩니다.

ios:goDetail은 iOS에서 호출하려는 메소드이고, 데이터는 ID 값이며, 유형은 다른 매개변수가 있는 경우 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:안드로이드 코드에서 H5를 호출합니다. gotoAndroidApp() 메소드를 작성하면, goodDetail 매개변수의 값을 가져옵니다. 첫 번째는 ID이고, 두 번째는 유형 값입니다. 다른 매개변수가 있는 경우에는 여러 개입니다.

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

는 순서대로 전달될 수 있습니다. 완전한 경우:

    
    
    



    ios点击按钮


    android点击按钮

위 내용은 H5를 iOS 및 Android 데이터와 연결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!