mPaas-WKWebview网络拦截常见问题

原创

于 2021-05-28 14:12:15 发布 · 2.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发 #JavaScript #前端开发 #API #开发工具 #开发者 #容器

本文介绍了mPaas利用WKWebView的隐藏API实现网络拦截以支持离线包，并处理post请求body丢失问题。重点讨论了混合使用mPaas和三方容器时的网络请求丢失、离线包访问虚拟域名白屏及sendBeacon请求参数丢失的解决方案。

简介：mPaas-WKWebview网络拦截常见问题

1. 背景

原生WKWebView在独立于app进程之外的进程中执行网络请求，请求数据不经过主进程，因此在 WKWebView 上直接使用NSURLProtocol 是无法拦截请求的。但是由于mPaas的离线包机制强依赖网络拦截，所以基于此，mPaas利用了WKWebview的隐藏api，去注册拦截网络请求去满足离线包的业务场景需求，参考代码如下：

[WKBrowsingContextController registerSchemeForCustomProtocol:@"https"]

但是因为出于性能的原因，WK的网络请求在给主进程传递数据的时候会把请求的body去掉，导致拦截后请求的body参数丢失。在离线包场景，由于页面的资源不需要body数据，所以离线包可以正常使用不受影响。但是在H5页面内的其他post请求会丢失data参数。为了解决post参数丢失的问题，mPaas通过在js注入代码，hook了js上下文里的XMLHTTPRequest对象解决。通过在JS层把方法内容组装好，然后通过WKWebView的messageHandler机制把内容传到主进程，把对应HTTPBody然后存起来，随后通知JS端继续这个请求，网络请求到主进程后，在将post请求对应的HttpBody添加上，这样就完成了一次post请求的处理。整体流程可以参考之前崔同学的分享流程图如下：