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

2024年4月3日 113次阅读 来源: since911

之前都是做的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和上面安卓方法一样
    原文作者：since911
    原文地址: https://segmentfault.com/a/1190000015406298
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞