1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 小程序能打开html页面 微信小程序web-view 小程序页面和html交互

小程序能打开html页面 微信小程序web-view 小程序页面和html交互

时间:2018-08-26 06:32:40

相关推荐

小程序能打开html页面 微信小程序web-view 小程序页面和html交互

微信小程序中通过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 => 小程序

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。