tencent cloud

腾讯云超级应用服务

动态与公告
【2025年1月2日】关于腾讯云小程序平台更名为腾讯云超级应用服务的公告
控制台更新动态
Android SDK 更新动态
iOS SDK 更新动态
Flutter 更新动态
IDE 更新动态
基础库更新动态
产品简介
产品概述
产品优势
应用场景
购买指南
计费概述
按量计费（后付费）
续费指引
停服说明
快速入门
套餐管理
概述
控制台账号管理
存储配置
加速配置
品牌化配置
平台功能
控制台登录
用户和权限体系
小程序管理
小游戏管理
应用管理
商业化
平台管理
用户管理
团队管理
运营管理
安全中心
代码接入指引
Demo 及 SDK 获取
Android
iOS
Flutter
App 服务端接入指南
GUID 生成规则
小程序开发指南
小程序介绍与开发环境
小程序代码组成
指南
框架
组件
API
服务端
JS SDK
基础库
IDE 使用指南
小游戏开发指南
指南
API
服务端
实践教程
小程序登录实践教程
小程序订阅消息实践教程
支付相关实践教程
广告接入实践教程
小游戏订阅消息实践教程
相关协议
数据处理和安全协议
文档腾讯云超级应用服务小程序开发指南APIH5 实时通信

H5 实时通信

PDF
聚焦模式
字号
最后更新时间： 2025-01-16 19:29:43
为了帮助客户快速迁移 H5 存量业务，小程序支持通过 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)

上一篇: 敏感 API下一篇: 广告

帮助和支持

本页内容是否解决了您的问题？

填写满意度调查问卷，共创更好文档体验。

文档反馈