VasSonic之流式拦截

VasSonic之流式拦截

VasSonic框架用到了流式拦截和增量更新技术,下面只简单介绍流式拦截,详细参考:https://github.com/Tencent/VasSonic/wiki

一)传统H5页面打开缓慢的原因?

1.打开一个H5页面首先需要初始化WebView内核和渲染组件(冷启动耗时200~500ms,冷启动过程中网络处于空等状态)
2.完成初始化后,WebView在CDN上请求Html页面,数据回来后再对DOM进行操作更新

二)Sonic框架如何优化Webview初始化过程中网络空等问题?

针对网络空闲问题,Sonic做了并行请求,通过Native建立http链接获取html数据,充分利用这段空闲时间。最理想的情况是html数据下载完成,Webview还没初始化好,等Webview初始化完成直接加载本地html;当Webview初始化完成,html还没下载完,这时就要提到流式拦截技术了

三)流式拦截如何实现?

将Html已读流(memStream)和未读流(netStream)桥接成SonicSessionStream,SonicSessionStream继承InputStream并重写read方法,SonicSessionStream包装成WebResourceResponse对象,通过webview拦截接口shouldInterceptRequest将WebResourceResponse回传给webview,SonicSessionStream代码如下:

public class SonicSessionStream extends InputStream{
  // 未加载HTML流
  private BufferedInputStream netStream;
  // 已加载HTML流
  private BufferedInputStream memStream;

  // 省略非关键代码
  @Override
  public synchronized int read() throws IOException {

    int c = -1;

    try {
      if (null != memStream && !memStreamReadComplete) {
        c = memStream.read();
      }

      if (-1 == c) {
        memStreamReadComplete = true;
        if (null != netStream && !netStreamReadComplete) {
          c = netStream.read();
          if (-1 != c) {
            outputStream.write(c);
          } else {
            netStreamReadComplete = true;
          }
        }
      }
    } catch (Throwable e) {
      Log.e(TAG, "read error:" + e.getMessage());
      if (e instanceof IOException) {
        throw e;
      } else {//Turn all exceptions to IO exceptions to prevent scenes that the kernel can not capture
        throw new IOException(e);
      }
    }

    return c;
  }
  // 省略非关键代码
}

在webview拦截接口shouldInterceptRequest中处理mSonicSessionStream,代码如下:

mWebView.setWebViewClient(new WebViewClient() {

      @Override
      public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
        if (mMallHtmlStream != null && isInterceptByWebView.get() && isMatchCurrentUrl(url)) {
          String mime = MallHtmlUtils.getMime(url);
          return new WebResourceResponse(mime, "utf-8", mSonicSessionStream);
        }
        return super.shouldInterceptRequest(view, url);
      }
    });

核心思想是充分利用webview初始化的时间,由native建立http链接请求HTML资源,在webview初始化完成前,尽可能的多请求HTML数据,等webview完成初始化立即将HTML提供给Webview渲染。

展开阅读全文

没有更多推荐了,返回首页