H5页面与微信小程序 混合开发问题记录

问题: h5页面通过逻辑校验后跳转小程序页面

解决方法:

1.在页面中引入sdk: https://res.wx.qq.com/open/js/jweixin-1.6.0.js
2.使用小程序跳转的api:

wx.miniProgram.reLaunch({
  url: decodeURIComponent(path)
})

3.对其他内容了解

微信小程序组件 web-view 定义:承载网页的容器

需要注意的是:
1.webview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。
2.网页内 iframe 的域名也需要配置到域名白名单。
3.web-view 网页与小程序之间不支持除 JSSDK 提供的接口之外的通信。
4.在 iOS 中,若存在 JSSDK 接口调用无响应的情况,可在 web-view 的 src 后面加个#wechat_redirect解决。
5.避免在链接中带有中文字符,在 iOS 中会有打开白屏的问题,建议加一下 encodeURIComponent

微信小程序web-view与H5通信相关内容请参考:
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值