dcloudio / dcloudio/uni-app

微信小程序webview 嵌套uniapp h5 postMessage不能实现

Open
#3,772 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
41.6k
Forks
3.7k
Avg merge
7h 6m
Merged PRs (30d)
6

Description

**问题描述**
[由于项目原因,微信小程序webview 嵌套h5项目,h5项目需要调用微信小程序其他业务用力,所以需要postmessage方法
支付宝场景是可以用的,微信小程序场景不能用,官方查看一下 。]

**复现步骤**
[复现问题的步骤]
1.首页微信小程序wevview 绑定了message
2.h5项目里面执行uni.postMessage 不通

[或者可以直接贴源代码]



export default {
methods: {
getMessage(e) {
console.log("收到消息44566", e.detail); //根据name判断是什么消息
let { data } = e.detail
if (e.detail.name == "navigateToMiniProgram") {
my.navigateToMiniProgram({
appId:data.appId,
path:data.path,
success: (res) => {
// 跳转成功
console.log("success",res)
},
fail: (error) => {
// 跳转失败
console.log("fail",error)
}
});
}
},
}
}

uni.postMessage({ data: {foo: 'bar'} })

**预期结果**
就是h5项目postMessage 发送,小程序端接收命令,执行

**实际结果**

![image](https://user-images.githubusercontent.com/9686660/183027229-18dd9f7b-4b59-4c69-90f3-3325cf3bb217.png)

![WechatIMG607](https://user-images.githubusercontent.com/9686660/183027094-1257fdc6-2c89-4bb6-bd14-d79d6bb2cd55.png)

**系统信息:**
- 发行平台: [如 微信小程序、H5平台、5+ App等]
- 操作系统 [如 iOS 12.1.2、Android 7.0]
- HBuilderX版本 [如使用HBuilderX,则需提供 HBuilderX 版本号]
- uni-app版本 [如使用Vue-cli创建/运行项目,则提供`npm run info`的运行结果]
- 设备信息 [如 iPhone8 Plus]

**补充信息**
[可选]
[根据你的分析,出现这个问题的原因可能在哪里?]

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.