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
    }
  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
分享
微博
QQ
微信
回复
2024-12-25 17:15:57


相关问题
HarmonyOS web组件怎么拦截请求
1126浏览 • 1回复 待解决
Web组件拦截页面请求响应
1711浏览 • 1回复 待解决
HarmonyOS Web组件如何拦截特殊url请求
1307浏览 • 1回复 待解决
HarmonyOS web拦截网络请求
763浏览 • 1回复 待解决
HarmonyOS Web拦截网页动态添加请求
663浏览 • 1回复 待解决
HarmonyOS Web组件拦截返回按钮
783浏览 • 1回复 待解决
HarmonyOS Web对about:blank组件拦截
844浏览 • 1回复 待解决
webview如何实现网络请求拦截功能
2903浏览 • 1回复 待解决
HarmonyOS web组件关闭跨域拦截
619浏览 • 1回复 待解决
HarmonyOS web组件拦截返回手势
611浏览 • 1回复 待解决
HarmonyOS web组件拦截每一次跳转
729浏览 • 1回复 待解决
HarmonyOS WebView拦截网络请求
1277浏览 • 1回复 待解决
HarmonyOS 如何拦截app网络请求
769浏览 • 1回复 待解决
HarmonyOS web无法拦截路由
508浏览 • 1回复 待解决
HarmonyOS 怎么给web组件请求添加header
1176浏览 • 1回复 待解决