有奖捉虫:办公协同&微信生态&物联网文档专题 HOT

服务概述

H5 容器组件提供了成熟的移动端 Hybrid 解决方案,拥有丰富的内置功能,也提供了良好的外部扩展功能,具备单/多容器管理、单/多页面管理、事件透传、信息互换、埋点上报等基础能力,并提供插件定制 JSAPI。
通过 H5 容器组件,可以极大的简化客户端与 H5 页面的交互流程,规范化 H5 页面的会话管理。H5 容器,可以加载 H5 页面及按照会话概念管理各个页面,内置丰富的 JSAPI、标题设置等功能,扩展业务需求。支持自定义网络库、网络通道、键盘、地理位置获取、分享等各模块。通过自定义插件,可轻松实现定制 JSAPI。

应用场景

H5 容器技术打通了客户端与 H5 页面之间的阻碍,可用于客户端与 H5 页面双向数据访问等。H5 容器技术,也可以应用于复杂的 H5 页面管理,很好地掌控 H5 页面的状态与安全,充分保障 H5 在客户端的用户体验。

产品架构与技术原理

总体架构

H5 容器的架构分为两个部分:JSBridge Core 和 JSAPI。
JSBridge Core:移动端 Hybrid 方案的核心中介,JSBridge 架起了一座连接 JavaScript 和 Native Code 的通信桥梁,让双端可以互相调用。


JSAPI:移动端 Hybrid 方案的接口,用于在 H5 页面调用,并在客户端实现相应的处理。除了基本 JSAPI 外,还可以自定义 JSAPI,实现扩展功能,支持基础信息获取、页面控制、事件透传、地理位置获取、分享、上报、网关等能力。



H5 容器工作流程

H5 容器可以看成是客户端提供给 H5 页面展示的一个管理器,通过捕获 Web 请求来实现一些自定义的流程注入或操作处理。整个流程的核心可分为关键的几部分:
H5 调用 Native 功能
Native 调用 H5 功能
注册与权限控制
多容器管理
自定义 JSAPI



产品优势

腾讯移动开发平台(TMF)H5 容器组件具有以下优势:
强大的管理能力:
TMF H5 容器组件支持单/多页面,单/多容器的模式进行管理,整个流程高效规范。
TMF H5 容器组件集成一套成熟的辅助工具,封装常用流程,便捷开发操作。
高稳定性与高兼容性:
TMF H5 容器组件接入多个腾讯系应用(腾讯手机管家、腾讯 Wi-Fi 管家等),经受过亿级用户量考验。
TMF H5 容器组件采取系统主流 API 实现,版本迭代兼容性强,对新增系统适配代价低。
丰富的接口: TMF H5 容器组件内置丰富的 JSAPI,在无需定制的情况下可完成绝大多数需求。
可扩展性强: TMF H5 容器组件支持定制 JSAPI,可根据自身需求定制接口。