H5与小程序通信

一、H5中引入js

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

二、H5给小程序发送信号

window.wx.miniProgram.postMessage({
  data: {
    action: 'scanCode',
    data: ''
  }
});

三、小程序监听H5发送的信号

<view class="page-body">
  <view class="page-section page-section-gap">
    <web-view src="https://192.168.2.32:9530" bindmessage="onMessage"></web-view>
  </view>
</view>

bindmessage="onMessage"是监听H5发送的信号

四、js中声明监听的方法

Page({
  onMessage: function(e) {
    console.log(e.detail.data); // 这里将打印出从H5页面传递过来的数据
  },
})

结果如图