h5页面和小程序交互小程序web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。
引入jsdk文挡
h5跳转小程序页面 demo$('.span-icon1').click(function(){
wx.miniProgram.navigateTo({url:'/pages/share/share'});
})
h5嵌入小程序传递message给小程序wx.miniProgram.postMessage(Util.shareToWechart(params)); // 传递消息给webview
web-view 通过属性 bindmessage 触发得到h5传过来的消息。
相关的apiwx.miniProgram.navigateTo //跳转小程序页面
wx.miniProgram.navigateBack //返回小程序上一个路由
wx.miniProgram.switchTab //切换tab
wx.miniProgram.reLaunch //重新启动
wx.miniProgram.redirectTo // 跳转小程序,删除当前页面,类似 history.replace()
wx.miniProgram.postMessage //向小程序传递信息
wx.miniProgram.getEnv //获取当前环境
//获取小程序环境
wx.miniProgram.getEnv(function(res) {
console.log(res.miniprogram) // true
})
tip网页内 iframe 的域名也需要配置到域名白名单。
开发者工具上,可以在 组件上通