雷峰
雷峰
  • 发布:2021-03-18 17:31
  • 更新:2023-09-13 21:46
  • 阅读:17839

webview使用uniapp项目开发无法使用uni.postMessage(踩坑经验分享)

分类:uni-app

1、使用uniapp项目写H5 webview,使用hello uniapp的模板,按照webview文档里的源码往template.h5.html里面写入相关内容。
2、引入的https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js脚本,它这个地方是个坑。你要手动改源码。uni.webview.js文件里面注册的就是uni对象。被uniapp项目自带的uni对象覆盖了,我就是把源码里面注册uni对象换了个名字(webUni)就好了。
END:这里把我自己改好的js文件贴上来,包括template.h5.html文件,可以直接使用webUni.postMessage方法。

19 关注 分享
老船长9999 zwzz 千羽羊驼 1***@163.com myforr 1***@139.com Huareu 1***@qq.com 4***@qq.com 言会咸 谢一一 1***@qq.com 5***@qq.com DLO seabert 9***@qq.com 8***@qq.com 8***@qq.com wetyou

要回复文章请先登录注册

8***@qq.com

8***@qq.com

最简答的方法 亲测有效
安装: npm i y_uniwebview
引入: import y_uni from "y_uniwebview"
使用:y_uni.postMessage()
2023-09-13 21:46
f***@163.com

f***@163.com

直接copy压缩包里面的代码,为啥不行呢,一直报错:webUni is not defined",两个项目都是用uniapp编写的,一个是uniapp编写的微信小程序,一个是uniapp编写的H5,小程序嵌套h5,点击h5里面的按钮就报错:webUni is not defined
2023-08-16 10:30
f***@163.com

f***@163.com

回复 四季如春 :
亲,这个问题你解决了么,我也是这样的
2023-08-16 10:18
x***@163.com

x***@163.com

我是uni-app写的小程序中嵌入了一个uni-app写的H5页面,这是H5发送和小程序接收代码,H5那个页面运行在浏览器可以正常执行,但是在web-view标签这边,也就是小程序,就是接收不到数据,也绑定了@message。发送:back() {
console.log('点击了返回');//浏览器运行可以打印
this.myUni.webView.postMessage({
data: {
action: "back",
},
});
this.myUni.webView.navigateBack()//浏览器运行可以执行
},


接收:receiveInfo(event) {
console.log('event', event);//不会在微信小程序模拟器打印
}
},
2023-08-01 19:28
x***@163.com

x***@163.com

回复 8***@qq.com :
我和你的问题一样,场景也一样,怎么解决的
2023-08-01 19:14
x***@163.com

x***@163.com

解决了,感谢,确实是覆盖了uni,改源码可以了
2023-08-01 17:02
四季如春

四季如春

引入之后弹出 webUni is not defined ,index.html文件里路径都对 却还是报错了
2023-07-20 17:24
辰微

辰微

uni.webView.postMessage 这样试试
2023-07-10 11:50
栉风

栉风

回复 4***@qq.com :
<script type="text/javascript" src="/static/uni.webview.0.1.52.js"></script>
<script>
// #ifdef H5
window.onload = () => {
console.log('webUni', webUni)
}
// #endif
</script>
根目录下的index.html里加了这些代码,然后对于的h5页面能直接用webUni了 (下载的js里记得把uni对象改一下,我用的webUni)
2023-07-07 17:32
4***@qq.com

4***@qq.com

回复 栉风 :
解决了吗? 我也遇到这问题
2023-07-03 16:28