当前位置: 首页 > Web前端 > HTML

微信小程序内嵌H5

时间:2023-04-02 15:34:13 HTML

满足公司需求~~H5页面适配小程序注意:小程序不支持cookies,内嵌的h5支持cookies但与它们共存影响微信网页cookies。小程序只支持https。小程序H5嵌入的域名必须在微信后台设置为可信域名。使用微信SDK1.4版本。1.0部分功能不支持:https://res.wx.qq.com/open/js/jweixin-1.4.0.js1。判断小程序环境,老版本微信要看小程序是否支持。如果支持H5,wx.miniProgram.getEnv(function(res){if(res.miniprogram){//这是小程序程序环境//但是这个方法是异步的,请注意}或者让小程序重新开发-打开H5页面,将url传给H5字段,判断该字段为小程序环境2.小程序分享小程序文档:用户分享可以随时获取当前web-view的url,即就是在onShareAppMessage回调中返回了webViewUrl参数,但是在真机实践中,根据小程序开发的反馈,有些场景是获取不到url的,所以我们最终通过postMessage方法,示例如下:,wx.miniProgram.postMessage({data:{active_shareTit:分享语言,active_shareimg:分享图片active_shareurl:分享链接}})3.同步cookies,小程序通过url,H5拦截并设置到cookie中。4.Href跳转小程序不能使用Href跳转!url为“/page/..”形式,不能携带http协议。必须使用以下三个方法:navigateTo跳转到小程序页面并保持当前页面redirectTo关闭当前页面并跳转到小程序页面(return不返回当前页面)switchTab跳转到小程序的tabbar页面(带有小程序底部导航的页面,如果在该页面使用navigateTo或redirectTo会失败!)demo:wx.miniProgram.navigateTo({url:'/pages/prod/prod?参数1=大姚&参数2=qweqw'})5.小程序可以通过跳转到H5src来给H5传参End.