uni-app 与 H5原生 进行实时通信 (微信小程序)

1、H5必须用原生,试过很多,只能用原生。这里是官方的demo链接

2、uniapp 中的那个需要做交互的文件必须是nvue.

<web-view @message="message" src="https://uniapp.dcloud.io/static/web-view.html"></web-view>

message(event){
    console.log('接收到消息',event.detail.data)
}

3、H5中加入事件监听

 <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
    <script>
        document.addEventListener('UniAppJSBridgeReady', function() {
            uni.postMessage({
                data: {
                    action: '这是我传送的消息'
                }
            });//传递的消息信息,必须写在 data 对象中。
        });
    </script>

4、最重要的一点就是目前页面跳转可以进行实时监听。所以还是有限制的。但是想一些办法绕一下去满足业务吧。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值