(void)showH5BrowserWithNavigationController:(UINavigationController *)navigationController animated:(BOOL)isAnimated;

- (void)showH5BrowserWithPresentViewController:(UIViewController *)viewController isFullScreen:(BOOL)isFull animated:(BOOL)isAnimated completion:(void (^ __nullable)(void))completion;

- (void)dismissH5BrowserAnimated:(BOOL)isAnimated completion:(void (^ __nullable)(void))completion;

@protocol BDH5BrowserDelegate <NSObject>

@optional
- (void)bdH5BrowserUserContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message;

@end

       // 百度人脸URL
    NSString *urlString = @"https://ai-face-h5-evaluation.weiyun.baidu.com/face/print/h5demo";

    if (self.urlTF.text.length > 0) {
        urlString = self.urlTF.text;
    }

    _desController = [[BDH5Browser alloc] init];
    
    // 设置URL，必传。否则页面无法加载
    _desController.homeUrl = urlString;
    
    // 设置与JS协商的key值，以实现 JS to Native 的事件回调。此处js2Native是与百度人脸JS端协商好的key值，用于JS与Native通信，切勿随意更改
    _desController.js2NativeTags = @[@"js2Native"];
    
    // webBrowser messageHandler 事件回调代理
    _desController.bdH5BrowserDelegate = self;
    
    // 是否展示关闭按钮，默认不展示
    _desController.isShowCloseButton = YES;

    // push or present
//    [_desController showH5BrowserWithNavigationController:self.navigationController animated:YES];
    
//    // push or present
    [_desController showH5BrowserWithPresentViewController:self isFullScreen:YES animated:YES completion:nil];
   

- (void)bdH5BrowserUserContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    NSString *messageName = message.name;
    NSString *messageBody = message.body;

    NSLog(@"****************:%@", message.name); // 方法名
    NSLog(@"****************:%@", message.body); // 传递的数据
    
    // 可根据协商key值进行自定义native逻辑，以下仅做示例展示
    if ([messageName isEqualToString:@"js2Native"]) {
        
        dispatch_async(dispatch_get_main_queue(), ^{
            [self->_desController dismissH5BrowserAnimated:YES completion:nil];
            self->_desController = nil;
            
            UIAlertController *alert = [UIAlertController alertControllerWithTitle:messageName message:messageBody preferredStyle:UIAlertControllerStyleAlert];
            UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"好的" style:UIAlertActionStyleDestructive handler:nil];
            [alert addAction:okAction];
            [self presentViewController:alert animated:YES completion:nil];
        });

    }
    
}

2、repositories {
    flatDir {
        dirs 'libs'
    }
}
dependencies {
    // jsBridge-SDK.aar
    compile(name: 'lib-jsbridge-1.0-release', ext: 'aar')
}

    <RelativeLayout
        android:id="@+id/js_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.baidu.ai.face.widget.JsWebView
            android:id="@+id/js_webview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </RelativeLayout>

    import com.baidu.ai.face.widget.JsWebView

        jsWebview = (JsWebView) findViewById(R.id.js_webview);
        if (jsWebview.checkPermissions()) {
            // 加载H5页面
            jsWebview.loadUrl(mUrl);
        }

// 通过JsBridge监听消息
jsWebView.setJs2NativeListener(new Js2NativeListener() {
    @Override
    public void js2Native(int code, String message) {
        Toast.makeText(jsWebView.getContext(),
                "js->Native:" + "code:" + code + ",value:" + message, Toast.LENGTH_LONG).show();
    }
});

    @Override
    public void onRequestPermissionsResult(int requestCode, String[] permissions,
                                           int[] grantResults) {
        if (jsWebview.onPermissionsResult(requestCode, permissions, grantResults)) {
            // 加载H5页面
            jsWebview.loadUrl(mUrl);
        } else {
            // 权限申请失败，增加失败处理逻辑
        }
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        return jsWebview.onKeyDown(JsActivity.this, keyCode, event);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        jsWebview.onCaptureResult(requestCode, resultCode, data);
    }

{
  "dependencies": {
    "@aspect/jsbridge": "file:./libs/jsbridge.har"
  }
}

# 将 HAR 文件复制到项目 libs 目录
cp jsbridge.har your_project/libs/

// oh-package.json5
{
  "dependencies": {
    "@aspect/jsbridge": "file:./libs/jsbridge.har"
  }
}

constructor(
  controller: webview.WebviewController,  // WebView 控制器
  bridgeName?: string,                     // JS 访问的对象名，默认 'jsBridge'
  handler?: JsBridgeHandler                // 自定义 Handler
)

import { WebViewHelper } from '@aspect/jsbridge';

interface JsBridgeCallback {
  /**
   * JS 调用原生方法时触发
   * @param code 状态码
   * @param message 消息内容
   */
  onJsCall(code: string, message: string): void;
}

import { webview } from '@kit.ArkWeb';
import { JsBridgeManager, JsBridgeCallback } from '@aspect/jsbridge';

@Entry
@Component
struct BasicExample {
  controller: webview.WebviewController = new webview.WebviewController();
  private jsBridgeManager?: JsBridgeManager;

  build() {
    Column() {
      Web({ src: $rawfile("index.html"), controller: this.controller })
        .javaScriptAccess(true)
        .domStorageAccess(true)
        // 在 onControllerAttached 中注册
        .onControllerAttached(() => {
          this.jsBridgeManager = new JsBridgeManager(this.controller);
          this.jsBridgeManager.setCallback({
            onJsCall: (code: string, message: string) => {
              console.info(`JS调用: code=${code}, message=${message}`);
            }
          });
          this.jsBridgeManager.register();
        })
        // 在 onPageEnd 中刷新（仅首次）
        .onPageEnd(() => {
          this.jsBridgeManager?.refreshIfNeeded();
        })
    }
  }
}

<button id="callNative">调用原生方法</button>
<script>
  document.getElementById('callNative').onclick = () => {
    window.jsBridge?.js2Native('SUCCESS', JSON.stringify({ action: 'showToast' }));
  };
</script>

import { webview } from '@kit.ArkWeb';
import { WebViewHelper } from '@aspect/jsbridge';

@Entry
@Component
struct WebPageWithPermission {
  controller: webview.WebviewController = new webview.WebviewController();

  async onPageShow(): Promise<void> {
    await WebViewHelper.grantPermission(); // 申请相机、麦克风权限
  }

  build() {
    Column() {
      Web({ src: "https://example.com", controller: this.controller })
        .javaScriptAccess(true)
        .onPermissionRequest((event) => {
          WebViewHelper.handlePermissionRequest(event);
        })
    }
  }
}

import { webview } from '@kit.ArkWeb';
import { WebViewHelper } from '@aspect/jsbridge';

@Entry
@Component
struct WebPageWithBack {
  controller: webview.WebviewController = new webview.WebviewController();

  onBackPress(): boolean | void {
    return WebViewHelper.handleBackPress(this.controller);
  }

  build() {
    Column() {
      Web({ src: $rawfile("index.html"), controller: this.controller })
        .javaScriptAccess(true)
    }
  }
}