H5页面js和ios 安卓 互相调用

之前都是做的H5活动页面,没有和原生app对接,最近刚做了个混合开发的小项目,就原生APP和H5互相调用做一下总结

1:原生调用JS方法,首先前端需要在JS页面中定义一个全局的方法,这个方法要暴露在window对象下面,比如我定义一个getUserInfo方法

window["getUserInfo"] = () => {
                    //业务逻辑
                };

然后app在载入H5页面就可以拿到这个方法了

2:JS调用安卓的方法,安卓会暴露一个全局对象android,这个对象里定义了js需要调用的方法,比如getDevId,然后js里代码这样写就可以调用到了

android.getDevId(param);
//不过这个param不能是对象和null,不然安卓拿不到数据

3:JS调用iOS的方法,iOS使用的是wkwebview,然后js调用代码如下

window.webkit.messageHandlers.getUserInfo.postMessage(param);
//这个getUserInfo就是iOS端暴露出来的方法名

//如果不需要传param,那就传null,千万不能不穿,不然收不到值
window.webkit.messageHandlers.getUserInfo.postMessage(null);

//iOS调用js和上面安卓方法一样

相关推荐