2025-10-11 【小程序】微信小程序打开H5

结论

由于当前小程序需打开不受控的外部链接（XX H5，域名不受控），且非公众号，所以仅支持第 3 种方式“引导用户复制链接在外部浏览器打开”。

1. 使用 web-view 组件（最常用方式）

前提条件：

1. 外部 H5 链接必须是 HTTPS 协议。
2. 该域名必须在微信小程序后台的 业务域名 中配置，并完成校验文件上传。
3. 小程序必须是企业主体（个人小程序不支持 web-view）。
   ✅ 适用于：你已经拥有或能控制该 H5 域名，且能完成域名验证的情况。

1.1 替代方案：
使用中间跳转页：在你自己的域名下搭建一个中间页面，用 web-view 打开该中间页，再由中间页通过 JavaScript 跳转到目标外部 H5 链接。或 iframe 嵌入外部 H5。

• !!#e60000 已测试，该“替代方案”不可用!!

2. 长按图片二维码识别后手动打开链接

• 通过 image 组件 show-menu-by-longpress 属性，支持长按识别二维码，仅支持微信关联场景如下：

3. 引导用户复制链接在外部浏览器打开

3.1 引导文案+复制按钮 引导用户

3.2 打开自主可控域名 + …引导用户打开外部 H5

思路：

1. 配置业务域名（添加签名文件）
2. 页面内容为引导文案，打开页面时区分运行环境，微信内打开则展示引导文案，外部浏览器打开则跳转目标 H5