关于HarmonyOS鸿蒙Next原生和Web交互的疑问

关于HarmonyOS鸿蒙Next原生和Web交互的疑问 目前我知道的有两种：

一种是原生执行 runJavaScript() 调用H5的方法，通过 registerJavaScriptProxy() 注册方法到H5，H5端调用注册的方法来调用原生的方法

另一种是通过 createWebMessagePorts() 创建端口，以便在原生和H5之间相互发送消息

那么这两种方式的优缺点是什么？

为什么会有端口那种方式？

端口的方式有什么优点？？？

感觉端口的方式更加复杂。。。

7 回复
  1. runJavaScript() 和 registerJavaScriptProxy()

优点：

  • 简单直接：对于简单的数据交换和函数调用，这种方式直观且容易实现。
  • 易于理解：开发者可以很自然地在JavaScript中直接调用原生方法，或者原生代码中直接调用JavaScript函数，逻辑清晰。

缺点：

  • 单向调用限制：原生调用JS或JS调用原生是单向的，每次调用都需要对方事先准备好接收调用的接口。
  • 同步问题：在某些情况下，可能会遇到同步问题，尤其是当需要进行复杂的异步通信时。
  1. createWebMessagePorts()

优点:

  • 双向通信：提供了原生与Web之间的双向通信渠道，使得双方可以灵活地互相发送消息，提高了交互的灵活性和效率。
  • 异步处理：更适合处理异步消息传递，可以更好地处理复杂的交互逻辑，不会阻塞主线程。
  • 模块化和解耦：通过端口传递消息的方式有助于保持原生代码与Web代码的独立性，促进代码的模块化和解耦。

缺点:

  • 复杂性：相较于直接调用，创建端口的方式在实现上更为复杂，需要管理端口的生命周期和消息处理逻辑。
  • 学习成本：对于新手开发者而言，理解和正确使用消息端口机制可能需要一定时间。

总结：如果场景是实时通讯应用、在线游戏等，那就使用createWebMessagePorts()，否则就使用runJavaScript()

更多关于关于HarmonyOS鸿蒙Next原生和Web交互的疑问的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


看看 jsbridge

基本信息

  • 姓名: 张三
  • 年龄: 28
  • 职位: 软件工程师

[@hzw/ohos-dsbridge](https://ohpm.openharmony.cn/#/cn/detail/) 看看这个，

姓名: 张三
职业: 软件工程师
简介: 拥有超过十年的软件开发经验，擅长Java和Python编程。

HarmonyOS Next支持原生应用与Web应用之间的交互，主要通过Web组件和WebView实现。原生应用可以通过WebView加载Web页面，并通过JavascriptInterface与Web页面进行数据交换。鸿蒙提供了ArkTS语言，开发者可以使用ArkTS编写原生应用，并通过WebView与Web页面进行通信。鸿蒙的Web组件支持HTML5、CSS3和JavaScript，开发者可以在Web页面中调用原生应用的功能，实现更丰富的交互体验。鸿蒙Next还提供了JS API，允许Web页面直接调用系统的能力，如文件操作、传感器数据获取等。

HarmonyOS Next原生与Web交互主要通过JSBridge实现。开发者可使用Web组件（如WebView）加载Web页面，并通过JSBridge在原生代码和Web页面之间进行通信。原生代码可通过JSBridge调用Web页面的JavaScript方法，Web页面也可通过JSBridge调用原生功能。HarmonyOS提供了丰富的API支持，确保交互的高效和安全。

回到顶部