简述H5页面在手机浏览器实现微信分享 | 您所在的位置:网站首页 › 猎奇视频分享到微信 › 简述H5页面在手机浏览器实现微信分享 |
原因:
ios设备传的地址为首次进入应用的地址(入口地址),安卓设备为分享页面的地址,以下进行详细解释; Vue-Router进行路由切换的时候,总是会操作浏览器的历史记录,从而响应页面URL变化。 在JSSDK文档页面有这么一句话:同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复。但根据多次测试情况来看,情况恰好相反,在Android下直接使用 window.location.href 得出的URL进行签名是完全没问题(可能已升级至Android6.2以上版本),在IOS上就不行了。这是因为在IOS上,无论路由切换到哪个页面,实际真正有效的的签名URL是【第一次进入应用时的URL】。比如进入应用首页是: https://m.app.com,需要使用JSSDK的页面A是:https://m.app.com/product1/123,无论从首页进入到A页面之前,中间跳转过多少次路由,最终签名有效的URL还是首页URL。 |
CopyRight 2018-2019 实验室设备网 版权所有 |