H5實时通信

為了幫助客戶快速遷移H5存量業務至Luffa Cloud小程序平臺，小程序支持通過web-view 組件內嵌H5實現業務發佈。 除此之外，我們支持H5通過JSSDK 調用小程序的API能力，以及H5與小程序之間實时通信的功能。 這不僅是科技上的創新，更是用戶體驗優化的關鍵所在：

• 資料共用： 通過建立有效的通信機制，用戶在小程序中的操作和狀態可以實时傳遞給H5頁面，反之亦然。 這種數據的即時共亯，確保了用戶在不同頁面之間的一致性，使得用戶能够更輕鬆地完成任務。

• 功能擴展： 通過支持通信，可以將小程序的功能與H5頁面結合起來，擴展應用的功能。 例如，小程序可以調用H5頁面中的特定功能，或者將H5頁面中的數據傳遞給小程序進行處理。

• 提高開發效率： 開發者可以利用現有的H5頁面資源，而不需要重複開發相同的功能。 通過通信機制，可以更好地綜合小程序和H5頁面，减少遷移開發和維護的成本。

• 適應多樣化需求： 不同的用戶可能有不同的使用習慣和需求，支持通信可以讓開發者根據用戶的迴響和需求，靈活調整小程序和H5頁面之間的互動管道。

  綜上所述，支持小程序和web-view組件內嵌的H5頁面之間的通信，可以為用戶提供更好的體驗，同時也為開發者帶來更多的靈活性和便利性。

sendWebviewEvent

• 功能說明： 小程序發送消息事件給web-view組件內嵌的H5頁面。
• 示例代碼： 實时通訊的詳細說明請參見JSSDK說明中 通訊接口 部分。

小程序發送消息事件給H5

JAVASCRIPT

wx.sendWebviewEvent({
  message: "I'm Miniprogram, I received"
})

H5 JAVASCRIPT

function onEvent(e) {
  console.log(e.message) // I'm Miniprogram, I received
}
// Register a listener
wx.miniProgram.onWebviewEvent(onEvent)
// Remove the listener
wx.miniProgram.offWebviewEvent(onEvent)