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和上面安卓方法同样