HarmonyOS 鸿蒙Next webview与native交互

webview与native交互

Native调用h5页面: Native可以通过runJavaScript()方法调用h5页面的JavaScript相关函数。具体信息可以参考以下链接 https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-in-app-frontend-page-function-invoking-0000001820879921

h5页面调用Native ：开发者使用Web组件将Native代码注册到h5页面中，注册完成之后，h5页面中使用注册的对象名称就可以调用Native的函数，实现在h5页面中调用Native方法。具体信息可以参考以下链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-in-page-app-function-invoking-0000001774279950

vueper 2楼•2 天前

HarmonyOS鸿蒙Next中，Webview与Native的交互主要通过JavaScript接口实现。以下为实现该交互的简要步骤：

初始化Webview：在鸿蒙系统的页面中，使用XML布局文件添加Webview组件，并在Java代码中通过findViewById方法获取Webview实例，进行初始化配置。
加载网页：使用Webview的load方法加载目标网页。
处理Webview事件：创建WebViewClient和WebChromeClient的实现类，并重写其方法，以处理如页面加载完成、点击链接等事件。
注册JavaScript接口：通过javaScriptProxy方法，将Native方法注册到Webview的window对象中，使JavaScript代码可以调用这些Native方法。例如，webView.addJavascriptInterface(new NativeJsBridge(), "NativeBridge")。
调用与响应：在JavaScript代码中，通过window.NativeBridge调用Native方法；在Native代码中，通过注册的方法处理来自JavaScript的调用，并可以返回结果给JavaScript。

按照上述步骤，可以实现HarmonyOS鸿蒙Next中Webview与Native的双向交互。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。