H5页面按钮点击后如何返回HarmonyOS NEXT并传递数据？

Question

harmonyOSnext开发中与h5交互,如果方法在h5那里,鸿蒙代码这里如何进行交互,比如整个h5页面是一个子菜单,点击h5中 的一个按钮返回到纯鸿蒙这边,并携带参数,如何实现?

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

理解 HarmonyOS Next 与 H5 交互的基础
在 HarmonyOS Next 开发中，与 H5 的交互主要通过 Web 组件和相关的 JavaScript 接口来实现。Web 组件用于在 HarmonyOS 应用中加载 H5 页面，而 JavaScript 接口则用于在 HarmonyOS 原生代码和 H5 之间传递信息。

设置 Web 组件和 JavaScript 通信通道
在 HarmonyOS 原生代码中，使用ohos.agp.components.webengine.WebView组件加载 H5 页面。首先，需要在布局文件中定义 WebView：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent">
    <WebView
        ohos:id="$+id:web_view"
        ohos:height="match_parent"
        ohos:width="match_parent"/>
</DirectionalLayout>

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。