HarmonyOS Web组件实现异步的请求拦截

目前Web组件的onInterceptRequest是个同步方法,我们有这样一个场景:

对于包含关键字的请求,在原生侧进行缓存匹配,缓存命中则返回文件内容,否则开始下载,下载后返回。

HarmonyOS
2024-12-25 14:39:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

异步返回的代码示例如下:

async getFile(url : string) {
  const fileName = url.split("/").pop();
  const filePath = this.context.cacheDir + '/'+fileName;
  const flag=this.hasFile(filePath);
  if(!flag){
    await this.downloadImage(url, filePath);
  }
  let file = await fs.openSync(filePath, fs.OpenMode.READ_ONLY);
  let arrayBuffer = new ArrayBuffer(4096);
  return file.fd;
}
Web({ src: $rawfile('iframe.html'), controller: this.webviewController })
  .onInterceptRequest((event) => {
    if (event) {
      console.log('url123456:' + event.request.getRequestUrl())
    }

    const url = event!.request.getRequestUrl();

    console.log(url.endsWith(".jpg") + '123456')
    if (!url.endsWith(".jpg")) return null;
    try {
      let url2='https:xxx.jpg';
      this.getFile(url2).then(fd => {
        this.responseweb.setResponseData(fd);
        this.responseweb.setResponseCode(200);
        this.responseweb.setReasonMessage('OK');
        this.responseweb.setResponseIsReady(true);
      });
      this.responseweb.setResponseMimeType('image/*');
      this.responseweb.setResponseIsReady(false);
      console.log(this.responseweb.getResponseData().toString+"123456")
      return this.responseweb;

    } catch (error) {
      return null
    }
  })
分享
微博
QQ
微信
回复
2024-12-25 17:15:57
相关问题
HarmonyOS web组件怎么拦截请求
715浏览 • 1回复 待解决
Web组件拦截页面请求响应
1156浏览 • 1回复 待解决
HarmonyOS web拦截网络请求
271浏览 • 1回复 待解决
HarmonyOS Web拦截网页动态添加请求
72浏览 • 1回复 待解决
HarmonyOS Web组件拦截返回按钮
282浏览 • 1回复 待解决
HarmonyOS Web对about:blank组件拦截
360浏览 • 1回复 待解决
webview如何实现网络请求拦截功能
2356浏览 • 1回复 待解决
HarmonyOS web组件拦截返回手势
134浏览 • 1回复 待解决
HarmonyOS web组件关闭跨域拦截
122浏览 • 1回复 待解决
HarmonyOS web组件拦截每一次跳转
223浏览 • 1回复 待解决
HarmonyOS WebView拦截网络请求
705浏览 • 1回复 待解决
HarmonyOS 如何拦截app网络请求
220浏览 • 1回复 待解决