原生app与js交互 jsSDK设计

Posted 2020-12-25 浩

var UA = window.navigator.userAgent.toLowerCase()
var isios = UA && /iphone|ipad|ipod|ios/.test(UA)
function noop(a) {
}

//传参规则json格式

//js调起原生
var JsCallNative={
    "getPosition":function(param){
        var param=JSON.stringify(param)
        if(isIOS){
            window.webkit.messageHandlers.getPosition.postMessage(param);
        }else{
            android.getPosition(param);
        }
    }
}

//原生调用js
var NativeCallJs={
    "getPosition":noop,
}

//供用户使用的jdk
var JDK={
    "getPosition":function(param,fn){
        JsCallNative.getPosition(param);
        NativeCallJs.getPosition=function(res){
            var res=JSON.parse(res);
            fn.call(null,res);
        };
    }
}


//页面上的用法

/*

JDK.getPosition({name:111},function(res){
    console.log(res);
})

*/