【OpenHarmony实战开发】第9课-Web前端页面调用应用侧函数

开发者使用Web组件将应用侧代码注册到前端页面中，注册完成之后，前端页面中使用注册的对象名称就可以调用应用侧的函数，实现在前端页面中调用应用侧方法。

注册应用侧代码有两种方式，一种在Web组件初始化使用调用，使用javaScriptProxy()接口。另外一种在Web组件初始化完成后调用，使用registerJavaScriptProxy()接口。

在下面的示例中，将test()方法注册在前端页面中， 该函数可以在前端页面触发运行。

javaScriptProxy()接口使用示例如下。

// xxx.ets

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

 

class testClass {

  constructor() {

  }

 

  test(): string {

    return 'ArkTS Hello World!';

  }

}

 

@Entry

@Component

struct WebComponent {

  webviewController: web_webview.WebviewController = new web_webview.WebviewController();

  // 声明需要注册的对象

  @State testObj: testClass = new testClass();

 

  build() {

    Column() {

      // web组