uni-app中app和webview的h5通信简单步骤

目录

• 前情提要：
• 第一步，在 h5 项目中安装y_uniwebview插件
• 第二步，h5 代码，接收app信息和向app发送信息
• 第三步、app页面，接收h5信息和向h5发送信息
• 总结

前情提要：

1、使用webview的页面需要是nvue，否则没有 sWebViewRef.value.evalJS() 方法；

2、需要自己安装npm i y_uniwebview，官方的 引入https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js脚本存在冲突，会报错

第一步，在 h5 项目中安装y_uniwebview插件

安装： npm i y_uniwebview
引入： import y_uni from "y_uniwebview"

第二步，h5 代码，接收app信息和向app发送信息

第三步、app页面，接收h5信息和向h5发送信息

注意，这里需要用nvue，否则会没有 sWebViewRef.value.evalJS() 导致报错

总结

到此这篇关于uni-app中app和webview的h5通信的文章就介绍到这了,更多相关uni-app app和webview的h5通信内容请搜索科站长以前的文章或继续浏览下面的相关文章希望大家以后多多支持科站长！