[发明专利]针对WKWebView组件的网页优化方法

权利要求书

1.一种针对WKWebView组件的网页优化方法，其特征在于：包括如下步骤：

步骤一、在启动APP时，首先加载一个隐藏的WKWebView组件，由WKWebView组件静默加载一个专职用于管理资源的网页地址，对域名进行预解析和预连接，同时将APP所需的公共资源库进行返回，WKWebView组件解析访问所返回的公共资源库，并将APP所需资源自动缓存到WKWebView的共享空间，以备后续网页访问使用；

步骤二、智能手机操作系统原生层与网页层之间通过jsContext组件实现沟通，在jsContext组件中申请两个全局管道队列，分别用于网页层与原生层之间的双向访问，在每次WKWebView组件启动时，在原生层注册一系列功能handle回调函数，在WKWebView组件中注入用于处理功能的js文件，设定一个固定的json格式头用于识别消息的格式及字段，原生层或网页层在收到全局管道中的消息后，将消息从管道中取出进行解析，并对对应的handle回调函数进行处理，将处理结果携带消息的唯一识别码uuid和类型识别码type标识重新组装消息，并将重新组装消息放入自己的全局管道中进行返回，完成原生层与网页层之间的一次完整沟通流程；

步骤三、在原生层中对每个消息的header中加上随机串和时间戳，然后通过md5加密算法生成一个唯一的签名信息放在header中，在服务器端当网关层收到消息后，首先对随机串进行验证是否访问过，如是则进行拦截，防止消息重放攻击；如否对消息进行解密并验证签名信息的正确性，防止中间传输时消息被篡改或者非正规方式发起的请求，防止外挂手段伪造消息；服务器端验证消息正确性后，将处理结果返回给APP原生层，原生层通过全局管道返回给网页层，实现消息的加密和解密处理；

步骤四、原生层接入webp图片解析库，将网页层的图片加载方式修改为JavaScript函数的方式，JavaScript函数将图片请求通过全局管道传递到原生层，原生层收到图片请求后对本地缓存进行检查，如果已经存入本地缓存，原生层通过全局管道将图片缓存地址返回给网页层；如果没有存入本地缓存则调用webp图片解析库下载图片并将其转换为jpg格式保存在本地缓存中，同样原生层通过全局管道将图片缓存地址返回给网页层。

2.根据权利要求1所述的针对WKWebView组件的网页优化方法，其特征在于：所述消息的格式及字段包括网页所传输消息的唯一识别码uuid、行为识别码action和类型识别码type标识以及params函数的参数值。

3.根据权利要求1或2所述的针对WKWebView组件的网页优化方法，其特征在于：所述签名信息包括采用md5加密算法生成的随机串、时间戳、密钥和拼接的业务参数。

4.根据权利要求3所述的针对WKWebView组件的网页优化方法，其特征在于：网页层收到图片缓存地址后将图片资源路径转换为相对路径并复制给img图像标签，网页显示jpg图片，达到将webp图片转换为jpg图片的需求。