小程序和h5之間的通訊及注意事項

起因:在小程序中嵌入已有的h5頁面,用于快速開發(fā)。但是h5和小程序中的事件通訊是需要解決的問題。參照官網(wǎng)后實踐之后得出結(jié)論。

  • web-view 和小程序通信使用 getMessage接收消息 postMessage發(fā)送消息(類似iframe)
小程序中
<web-view  bindmessage='getMessage' src="{{webUrl}}"></web-view>
getMessage(e) {
    console.log('getMessage');
    console.log(e);
},

h5中
let postData = {
  url: window.location.href,
  title: '11111111',
  image: '1111111dfsdfsdfdfs',
  shareLink: this.shareLink,
  radShareTypeId: this.radShareTypeId,
  timeVal: this.timeVal,
  selectedTimestamp: this.selectedTimestamp
};
console.log('微信wx');
console.log(wx);
wx.miniProgram.postMessage({ data: JSON.stringify(postData) });
  • web-view 不能做支付功能
  • web-view ios不能屏蔽分享菜單
  • web-view 與小程序的通信只能在分享,小程序后退,頁面銷毀是觸發(fā)
  • web-view 如果是個人版不支持此組件
  • web-view 分享可動態(tài)傳參
  • 小程序刷新路徑參數(shù)丟失
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容