HarmonyOS Web组件加载太慢

当前Web组件加载太慢,该怎样使用缓存数据

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

重写Web组件的onInterceptRequest方法,当Web组件加载url之前会触发该回调,用于拦截url并返回响应数据。请在这里判断url中是否有图片等可以缓存的数据,如果数据可缓存,则可保存在应用的缓存目录下,这样等下次再有加载相同的url的时候就可以拿到缓存直接返回数据。

参考伪代码:

Web.onInterceptRequest((event) => {
  if (event) {
    // 加载本地图片
    if ("xxxxxxx" == event.request.getRequestUrl()) {
      if(有缓存){
        const resourceMgr = getContext().resourceManager;
        // 模拟读取了应用的一张图片
        resourceMgr.getMediaContent($r("app.media.1")).then((picBytes) => {
          this.responseWeb.setResponseData(picBytes.buffer);
          this.responseWeb.setResponseEncoding('utf-8');
          this.responseWeb.setResponseMimeType('text/html');
          this.responseWeb.setResponseCode(200);
          this.responseWeb.setReasonMessage('OK');
          this.responseWeb.setResponseIsReady(true);
        })
      }else{
        // 1.利用fs.write缓存数据,

        // 2. 模拟读取了应用的一张图片并返回数据
        const resourceMgr = getContext().resourceManager;
        resourceMgr.getMediaContent($r("app.media.1")).then((picBytes) => {
          this.responseWeb.setResponseData(picBytes.buffer);
          this.responseWeb.setResponseEncoding('utf-8');
          this.responseWeb.setResponseMimeType('text/html');
          this.responseWeb.setResponseCode(200);
          this.responseWeb.setReasonMessage('OK');
          this.responseWeb.setResponseIsReady(true);
        })
      }

      this.responseWeb.setResponseIsReady(false);
      return this.responseWeb
    }
  }
  return null;
})

代码中一个重要的点是返回response的时候可先设置setResponseIsReady(false);代表资源还未准备好,等准备好之后再设置setResponseIsReady(true);

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS web组件 加载web页面异常
61浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
659浏览 • 1回复 待解决
HarmonyOS Web组件加载pdf预览
301浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
65浏览 • 1回复 待解决
HarmonyOS web组件加载url失败
474浏览 • 1回复 待解决
HarmonyOS web组件如何加载本地字库?
247浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
494浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
538浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本异常
331浏览 • 1回复 待解决
HarmonyOS Web组件加载URL显示空白
44浏览 • 1回复 待解决
鸿蒙web组件再次加载问题
72浏览 • 0回复 待解决
HarmonyOS Web组件加载片段时候不显示
234浏览 • 1回复 待解决
web组件对html文件的加载
802浏览 • 1回复 待解决
HarmonyOS Web组件加载H5白屏
24浏览 • 1回复 待解决
HarmonyOS Web组件HTTP图片加载如何放行
486浏览 • 1回复 待解决
使用Web组件加载网页,显示空白。
484浏览 • 1回复 待解决
如何禁止web组件自动加载图片?
780浏览 • 1回复 待解决
HarmonyOS Web组件如何加载html字符串
655浏览 • 1回复 待解决
HarmonyOS Web组件预渲染加载不正常
42浏览 • 1回复 待解决