HarmonyOS web页面javaScriptProxy多个name问题

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

HarmonyOS
1天前
浏览
收藏 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)
    }
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS scroll嵌套多个web,显示问题
76浏览 • 1回复 待解决
linux 安装Nginx configure --build=NAME问题
2195浏览 • 1回复 待解决
HarmonyOS Web调试页面转发端口问题
78浏览 • 1回复 待解决
HarmonyOS web页面点击穿透问题
23浏览 • 1回复 待解决
javaScriptProxy注入次数。
734浏览 • 1回复 待解决
HarmonyOS web组件 加载web页面异常
66浏览 • 1回复 待解决
HarmonyOS导出多个问题
515浏览 • 1回复 待解决
HarmonyOS javaScriptProxy注入js不成功
31浏览 • 1回复 待解决
HarmonyOSweb与内嵌vue页面的交互问题
602浏览 • 1回复 待解决
HarmonyOS 多个@Prop变化顺序问题
325浏览 • 1回复 待解决
HarmonyOS Web页面高度适配
83浏览 • 1回复 待解决