tencent cloud

文档反馈

H5 实时通信

最后更新时间:2024-09-18 21:02:48
    为了帮助客户快速迁移H5存量业务至 TCMPP 小程序平台,小程序支持通过web-view组件内嵌H5实现业务发布。除此之外,我们支持H5通过JSSDK调用小程序的 API 能力,以及H5与小程序之间实时通信的功能。这不仅是技术上的创新,更是用户体验优化的关键所在:
    数据共享:通过建立有效的通信机制,用户在小程序中的操作和状态可以实时传递给H5页面,反之亦然。这种数据的即时共享,确保了用户在不同页面之间的一致性,使得用户能够更轻松地完成任务。
    功能扩展:通过支持通信,可以将小程序的功能与 H5 页面结合起来,扩展应用的功能。例如,小程序可以调用 H5 页面中的特定功能,或者将 H5 页面中的数据传递给小程序进行处理。
    提高开发效率:开发者可以利用现有的 H5 页面资源,而不需要重复开发相同的功能。通过通信机制,可以更好地整合小程序和 H5 页面,减少迁移开发和维护的成本。
    适应多样化需求:不同的用户可能有不同的使用习惯和需求,支持通信可以让开发者根据用户的反馈和需求,灵活调整小程序和 H5 页面之间的交互方式。
    
    综上所述,支持小程序和web-view组件内嵌的 H5 页面之间的通信,可以为用户提供更好的体验,同时也为开发者带来更多的灵活性和便利性。

    sendWebviewEvent

    功能说明:小程序发送消息事件给web-view组件内嵌的 H5 页面。
    示例代码:实时通讯的详细说明请参见JSSDK说明中通讯接口部分。

    小程序发送消息事件给H5

    JAVASCRIPT
    H5 JAVASCRIPT
    wx.sendWebviewEvent({
    message: "I'm Miniprogram, I received"
    })
    function onEvent(e) {
    console.log(e.message) // I'm Miniprogram, I received
    }
    // 注册监听
    wx.miniProgram.onWebviewEvent(onEvent)
    // 移除监听
    wx.miniProgram.offWebviewEvent(onEvent)
    
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持