vue写的H5项目使用 5+H5打包成App, 这样的App如何使用webview与内嵌H5通信

分类：HTML5+

uniapp 5+App开发

现在有一个旧项目是使用Vue+Vant写的, 使用5+H5模板打包成App;

要求在这个App中使用webview嵌入一个 uniapp 写的H5项目;

他们如何进行webview通信?

2025-12-09 10:21 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

在5+App中嵌入uniapp H5项目进行webview通信，主要通过以下方式实现：

H5向App通信：
uniapp H5需引入uni.webview.js，在UniAppJSBridgeReady事件后调用uni.webView.postMessage()发送消息。App端通过plus.webview.currentWebview().addEventListener('message', callback)接收。
App向H5通信：
App端使用plus.webview.currentWebview().evalJS('js方法名(参数)')直接执行H5中的JS函数。H5需提前定义好全局可调用的方法。

注意事项：

注意：鸿蒙平台不支持plus API，需改用create-webview-context方案。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册