微信小程序中通过web-view加载html页面前提条件:
1、必须申请认证企业账号,配置业务域名
2、必须发好调用的html页面服务
3、同时服务必须是https的服务
微信开发者工具开发调试可以取消https校验和业务域名的校验。
调试取消https校验和业务域名的校验
一、小程序页面向html页面传参数
1、在发好https的页面服务上面直接拼接
?serial=fa5329afeb5e51cca760c0ed82a7451f&testParam1=1&testParam2=2
2、在对应的html服务中,初始化通过window.location.href获取请求。
获取拼接参数:window.location.href.split("?")[1]
3、测试传参截图
小程序 => html
二、html页面向小程序页面传参数
1、html页面需要引入wx的js
2、在需要回传的地方,调用wx.miniProgram.postMessage。
注意:正常在回传之前买个页面返回或者组件销毁。
function sendParamByH5(){
wx.miniProgram.navigateBack({delta: 1})
wx.miniProgram.postMessage({
data: {
testParam1: "1",
testParam2: "2",
testParam3: "3"
}
})
}
3、在web-view中引用的html触发了小程序后退、组件销毁就会触发bindmessage
4、小程序中:
Page({
data: {
},
onLoad() {
},
getMessageFromH5(e){
if (e && e.detail && e.detail.data) {
console.log(e.detail)
}
}
})
5、测试回传截图
html => 小程序