StarSky
StarSky
  • 发布:2021-08-09 17:30
  • 更新:2024-01-10 16:20
  • 阅读:4379

uniapp微信小程序web-view与uniapp的h5项目进行通讯

分类:uni-app

uniapp微信小程序页面

<web-view src="http://192.168.169.62:8080" @message="messageFun"></web-view>//请把地址改成你的h5运行的地址
在methods方法中定义onPostMessage事件
messageFun(e) {
console.log(e); //接收uniapp的h5页面传递过来的参数
}

uniapp的h5项目页面

在h5项目的根目录下创建h5.html文件,并且在manifest.json源码视图文件中的h5配置中添加该模板文件。
然后在h5.html文件在引入sdk,<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

在uniapp的h5你需要的页面中进行调用

jWeixin.miniProgram.postMessage({
data:{
pathUrl: '会议列表' //传递的参数
}
})
这样你的微信小程序页面就可以接收到这个参数啦。
支持以下方式进行打点调用jWeixin.miniProgram.navigateTo({url: '/pages/index/index'})//非tabbar页面。jWeixin.miniProgram.switchTab({url: '/pages/index/index'}),还有jWeixin.miniProgram.navigateBack、jWeixin.miniProgram.reLaunch、jWeixin.miniProgram.redirectTo、jWeixin.miniProgram.getEnv这些。

3 关注 分享
rain111123 x***@163.com HRK_01

要回复文章请先登录注册

2***@qq.com

2***@qq.com

太牛逼了哥!爱你
2024-01-10 16:20
x***@163.com

x***@163.com

拿到的是日志,并不能拿数据,通信还是不能实现
2023-08-03 11:24
x***@163.com

x***@163.com

牛!!我的神啊哥
2023-08-01 19:58
x***@163.com

x***@163.com

回复 1***@qq.com :
"template" : "index.html",
2023-08-01 19:50
小菜啊

小菜啊

能实时的接收到消息么
2023-03-27 10:12
1***@qq.com

1***@qq.com

用当前这个案列,小程序上也没有接收到参数唉,但是跳转页面的又正常的
2022-12-19 11:44
1***@qq.com

1***@qq.com

回复 1***@qq.com :
要啥配置欸
2021-11-17 16:31
1***@qq.com

1***@qq.com

十分感谢楼主 已解决问题。 但是在manifest.json源码视图文件中的h5配置中添加该模板文件之后需要 重新编译一下
2021-10-09 16:57