资讯专栏INFORMATION COLUMN

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

yuanzhanghu / 395人阅读

摘要:之前都是做的活动页面,没有和原生对接,最近刚做了个混合开发的小项目,就原生和互相调用做一下总结原生调用方法,首先前端需要在页面中定义一个全局的方法,这个方法要暴露在对象下面,比如我定义一个方法业务逻辑然后在载入页面就可以拿到这个方法了调用安

之前都是做的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和上面安卓方法一样

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95738.html

相关文章

  • js原生应用常用的数据交互方式

    摘要:一旦使用了那么就少不了和原生开发的一些交互如下的方案能够帮助你解决。其实现原理是原生在的对象中注入一个方法,以备原生应用进行处罚触发,就和我们平时去调用的方法一样简单。代码常用调用原生的方式都在这里体现。 showImg(https://segmentfault.com/img/remote/1460000016955237); 场景1 在原生app中经常会使用到H5页面,比如说电商中...

    raledong 评论0 收藏0
  • 移动端 h5 ios不能自动播放音乐的问题:

    摘要:如果我们想要在一个页面自动播放背景音乐或是其他音频,比如是没办法调用事件直接调用,非得添加手动点击事件才可以。接下来就说说我在项目里遇到的困难和解决办法情况我们知道安卓是可以直接调用音频的事件的,不行。 如果我们想要在一个页面自动播放背景音乐或是其他音频,比如ios是没办法调用audio.play()事件直接调用,非得添加手动点击事件才可以。接下来就说说我在项目里遇到的困难和解决办法....

    verano 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<