H5容器和离线包简介

服务概述

H5容器和离线包,经常作为移动端混合开发解决方案来同时使用。H5容器提供了H5页面与Native交互的解决方案。离线包可以将H5资源缓存至本地进行加载。HContainer对离线包和H5容器进行了封装,返回一个包含WebView的ViewController供开发者进行页面跳转。

应用场景

混合开发技术的主要场景是APP使用H5页面进行业务功能开发。通过H5容器和离线包,提高页面的加载速度和进行数据交互。

系统架构及技术原理

  • H5容器:JSBridge Core通过将H5页面的js调用消息封装成URL的方式向Native Code传递信息。Native端将URL信息还原后,通过对比JSBridge Core的JSAPI注册信息,决定将消息丢弃或转发至相应的处理者,完成js调用到Navite Code的调用链路。
  • 离线包:通过拦截 WebView 的资源请求并根据请求资源的 URL 去匹配本地的离线资源。如果存在与之匹配的离线资源则直接加载本地资源,否则请求在线资源。
  • HContainer:继承UIViewController并创建WebView来进行H5容器注册和离线包注册,降低集成门槛。同时它对离线包加载从URL层进行封装,实现使用业务ID(离线包BID)到URL的映射关系来打开离线包页面。
Copyright © 2013-2023 Tencent Cloud. all right reserved,powered by GitbookUpdate Time 2023-08-31 14:46:07

results matching ""

    No results matching ""