请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

技术分享 快应用与h5页面通信的hack方式

1
回复
1761
查看
[复制链接]

1

主题

2

帖子

15

积分

 楼主| 2018-7-31 19:04:22 显示全部楼层 |阅读模式
最近开发遇到了个问题,框架怎样与h5页面通信。通过询问快应用的开发人员,目前有一种hack的方式可以实现,听说后面1020版本已经支持postMessage通信方式。好吧,那就来记录下实现的过程
情形一、快应用web组件向H5发送消息
实现方式: 利用锚点不刷新的特点: http://xxx.xxx.xx#message
说明: 发送一个消息即重新给url赋值: this.url = this.url + '#'+params;h5这边通过popstate监听url变化,获取锚点的值即可

情形二、h5向快应用发送消息
实现方式: 安卓的webview在h5页面title变化时会触发titlereceive事件
说明: h5通过修改title属性传输消息,title变化时在快应用web组件titlereceive事件会被触发从而获取到h5页面的title值

目前整个通信的方式可以通过这样的方式实现,当然最好希望快应用团队的1020的postMessage功能的实现

代码地址: https://pan.baidu.com/s/1mirPiekFVMprBKbCoH39gw
回复

使用道具 举报

375

主题

642

帖子

5410

积分

2018-8-1 16:04:14 显示全部楼层
亲,这个问题帮你移动到论坛技术交流板块啦,and 私信了解一下
官方客服微信:kuaiyingyongguanKF
官方QQ群2:1012199894
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册