写点什么

鸿蒙应用安全编码专题系列之 Web 组件网络通信安全

HarmonyOS
  • 2026-05-26
    北京
  • 本文字数:2249 字

    阅读完需:约 7 分钟

一、背景介绍

ArkWeb(方舟 Web)提供的 Web 组件,是鸿蒙应用中用于加载并展示 Web 页面内容的核心组件,其应用场景覆盖多类开发需求,具体如下:

  1. 应用集成 Web 页面:应用可在界面中嵌入 Web 组件加载 Web 页面内容,有效降低开发成本,提升开发与运维效率。

  2. 浏览器网页浏览场景:浏览器类应用可通过 Web 组件打开第三方 Web 页面,支持无痕浏览、广告拦截等核心功能。

  3. 小程序场景:小程序宿主应用可借助 Web 组件实现小程序页面渲染、同层渲染、视频托管等核心功能。

当应用通过 ArkWeb 组件加载 HTTPS 协议 URL(如https://www.baidu.com)时,在 TLS 握手校验阶段,ArkWeb 会调用系统预置的 CA 根证书,对服务端返回的证书链进行完整性、合法性校验。

若校验失败(常见于服务器部署自签名证书的场景,报错日志详见图示),ArkWeb 会通过onSslErrorEventReceiveonSslErrorEvent两个回调接口通知应用,应用需在回调中进行合规处理。

cke_148046.png

二、核心回调接口说明

两个回调接口声明如下,详情可参考:事件-Web-ArkTS 组件-ArkWeb(方舟Web)-应用框架 - 华为HarmonyOS开发者

2.1 onSslErrorEventReceive

onSslErrorEventReceive(callback: Callback)

通知用户加载资源时发生 SSL 错误,只支持主资源。

如果需要支持子资源,请使用OnSslErrorEvent接口。

说明

  • 主资源:浏览器加载网页的入口文件,通常是 HTML 文档。

  • 子资源:主资源中引用的依赖文件,由主资源解析过程中遇到特定标签时触发加载。

  • 应用程序需要调用handler.handleCancel()handler.handleConfirm()处理该回调,如果没有处理该回调则默认取消资源加载。handleConfirm()或者 handleCancel()的行为可能会被记录下来,以便为将来的 SSL 错误做出响应。

  • 应用程序可以用于显示自定义错误页面或静默记录问题。

系统能力: SystemCapability.Web.Webview.Core

参数:

2.2 onSslErrorEvent

onSslErrorEvent(callback: OnSslErrorEventCallback)

通知用户加载资源(主资源+子资源)时发生 SSL 错误,如果只想处理主资源的 SSL 错误,请用isMainFrame字段进行区分。

说明

  • 主资源:浏览器加载网页的入口文件,通常是 HTML 文档。

  • 子资源:主资源中引用的依赖文件,由主资源解析过程中遇到特定标签时触发加载。

系统能力: SystemCapability.Web.Webview.Core

参数:

展开

三、mixedMode 混合内容模式说明

Web 组件加载 HTTPS URL 时,若页面资源、脚本中包含 HTTP 协议内容,会引入安全风险。ArkWeb 提供mixedMode属性用于配置混合内容加载策略,具体配置参考官方文档:Enums-Web-ArkTS 组件-ArkWeb(方舟Web)-应用框架 - 华为HarmonyOS开发者

MixedMode

混合内容模式。

系统能力: SystemCapability.Web.Webview.Core

四、不安全实现及风险分析

HTTPS 协议的安全性核心依赖证书链校验、安全 TLS 协议及加密算法。以下为两种典型的不安全实现方式,均会引入中间人攻击风险,导致通信数据被劫持、篡改或泄露。

4.1 SSL 错误回调处理不当

收到 SSL 错误通知时,若直接忽略错误并调用event.handler.handleConfirm()继续加载,会绕过证书校验机制,直接引入中间人攻击风险。

不安全示例代码

Web({ src: 'https://xxx.example.com', controller: this.controller })  .onSslErrorEventReceive((event) => {    event.handler.handleConfirm(); // 直接忽略SSL错误,继续加载,存在安全风险  })
复制代码

正确实现方式:不实现onSslErrorEventReceiveonSslErrorEvent回调(系统默认取消资源加载);或在回调中调用event.handler.handleCancel()主动取消加载,阻断不安全连接。

正确示例代码

Web({ src: 'https://xxx.example.com', controller: this.controller })  .onSslErrorEventReceive((event) => {    event.handler.handleCancel(); // 收到SSL错误,取消加载,规避安全风险  })
复制代码

4.2 mixedMode 配置不当

mixedMode配置为MixedMode.All(宽松模式),允许加载 HTTP 与 HTTPS 混合内容,会导致 HTTPS 通信的安全性被破坏,引入中间人攻击风险。

不安全示例代码

Web({ src: 'https://xxx.example.com', controller: this.controller })  .onSslErrorEventReceive((event) => {    event.handler.handleCancel();  })  .mixedMode(MixedMode.All) // 宽松模式,允许混合内容加载,存在安全风险
复制代码

正确实现方式:将mixedMode配置为MixedMode.None(严格模式),同时推动服务器将所有 HTTP 资源链接修改为 HTTPS 协议,规避混合内容安全风险。

正确示例代码

Web({ src: 'https://xxx.example.com', controller: this.controller })  .onSslErrorEventReceive((event) => {    event.handler.handleCancel();  })  .mixedMode(MixedMode.None) // 严格模式,禁止混合内容加载,保障通信安全
复制代码

五、安全建议

基于上述分析,为保障 Web 组件加载 URL 过程中的网络通信安全,结合鸿蒙应用开发规范,提出以下安全建议:

  1. SSL 错误回调处理:禁止在onSslErrorEventReceiveonSslErrorEvent回调中调用event.handler.handleConfirm(),建议使用系统默认配置(不实现回调),或主动调用handleCancel()取消加载。

  2. mixedMode 配置:禁止将mixedMode配置为MixedMode.All,建议使用系统默认配置,或显式配置为MixedMode.None,从根源规避混合内容安全风险。

六、参考文档

其他鸿蒙应用安全编码专题文章请参考:

https://developer.huawei.com/consumer/cn/blog//topic/03207416677214221