通用 H5 承载页

页面概述

通用 H5 承载页用于承载外部 H5 内容，包括 Banner、协议政策、运营活动等页面。

• 页面目标：承载 Banner、协议政策、运营活动等外部 H5 内容
• 适用角色：全部用户
• 页面入口：
  • 首页 Banner
  • 个人资料与协议页
  • 公告详情中的外链

页面组成

1. WebView 区

• 字段：url、title
• 说明：内嵌业务 H5 页面

2. 异常提示区

• 字段：errorText
• 说明：域名不合法或内容加载失败时展示

页面按钮

按钮	显示条件	动作
返回	固定显示	返回来源页
重新加载	H5 加载失败	重试加载

交互逻辑

1. 进入页面前，先校验 url 是否在小程序业务域名白名单中
2. 加载成功后，记录来源页面和业务参数
3. 用户可通过返回按钮回到来源页
4. 若加载失败，可通过“重新加载”重试

校验规则

• url 必须为 HTTPS
• url 必须命中业务域名白名单
• 禁止加载未备案第三方域名

状态设计

加载中

• 显示 loading

失败态

• 显示文案：页面加载失败，请返回重试

域名未授权

• 显示文案：当前内容暂不可访问

跳转关系

• P34 -> 返回来源页

埋点建议

• webview_show
• webview_load_success
• webview_load_fail