HarmonyOS web页面javaScriptProxy多个name问题

在web页面中会有APP与h5前端页面交互,一般会定义一个javaScriptProxy的name,如上methodName;但是由于前端人员没统一缺定义了多个name,这种情况下怎么办,是要定义多个javaScriptProxy吗?

HarmonyOS
2024-12-25 14:16:51
485浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Heiang

javaScriptProxy只支持注册一个对象,若需要注册多个对象请使用registerJavaScriptProxy:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-in-page-app-function-invoking-V5

不过多个,比较浪费,建议规范化开发。

多个情况下代码示例:

import web_webview from '@ohos.web.webview';
import business_error from '@ohos.base';

class testObj {
  constructor() {
  }

  test(): string {
    console.log('ArkUI Web Component');
    return "ArkUI Web Component";
  }

  toString(): void {
    console.log('Web Component toString');
  }
}

class webObj {
  constructor() {
  }

  webTest(): string {
    console.log('Web test');
    return "Web test";
  }

  webString(): void {
    console.log('Web test toString');
  }
}

@Entry
@Component
struct Index {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  @State testObjtest: testObj = new testObj();
  @State webTestObj: webObj = new webObj();
  build() {
    Column() {
      Button('refresh')
        .onClick(() => {
          try {
            this.controller.refresh();
          } catch (error) {
            let e: business_error.BusinessError = error as business_error.BusinessError;
            console.error(`ErrorCode: ${e.code},  Message: ${e.message}`);
          }
        })
      Button('Register JavaScript To Window')
        .onClick(() => {
          try {
            this.controller.registerJavaScriptProxy(this.testObjtest, "objName", ["test", "toString"]);
            this.controller.registerJavaScriptProxy(this.webTestObj, "objTestName", ["webTest", "webString"]);
          } catch (error) {
            let e: business_error.BusinessError = error as business_error.BusinessError;
            console.error(`ErrorCode: ${e.code},  Message: ${e.message}`);
          }
        })
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .javaScriptAccess(true)
    }
  }
}
  • 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.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
分享
微博
QQ
微信
回复
2024-12-25 17:25:08


相关问题
HarmonyOS scroll嵌套多个web,显示问题
548浏览 • 1回复 待解决
HarmonyOS Web调试页面转发端口问题
464浏览 • 1回复 待解决
HarmonyOS web页面点击穿透问题
449浏览 • 1回复 待解决
javaScriptProxy注入次数。
990浏览 • 1回复 待解决
linux 安装Nginx configure --build=NAME问题
2725浏览 • 1回复 待解决
HarmonyOS导出多个问题
1024浏览 • 1回复 待解决
HarmonyOS web组件 加载web页面异常
874浏览 • 1回复 待解决
HarmonyOSweb与内嵌vue页面的交互问题
1225浏览 • 1回复 待解决
HarmonyOS web页面闪烁
251浏览 • 1回复 待解决
HarmonyOS 多个@Prop变化顺序问题
867浏览 • 1回复 待解决
HarmonyOS javaScriptProxy注入js不成功
489浏览 • 1回复 待解决
恭喜您,今日已阅读两篇内容,特奖励+2声望, 快来领取吧。