前一段时间开发了微信公众号H5页面,有踩一些坑,分享下。开发环境是vue+vue-router官方提供的开发环境
先说下config,这里采用的是引入npm上的wxjssdk,这里会有两种配置情况
hash路由(不建议这种路由)因为#后面的浏览器不会发起请求所以配置的时候只需要传前面的就行;history路由需要把当前的url传给后台(这里如果url后面有参数,一定要用encodeURIComponent)
config配置失败的原因(要保证你的h5页面域名和公众号后台js安全域名一致)
1、hash路由#号中间有参数类似于这种 http://xxx.com/?from=singlemessage#/a/b,分享出去的链接会在中间带上这些参数,会导致config配置失败(未找到合适的解决方案,于是换了history路由,大家有合适解决方案的话感谢分享)
2、history模式配置失败的原因可能是url带参数没有用encodeURIComponent
3、有可能是提供接口的后台同事配置不对,微信 JS 接口签名校验工具可以去这个网站定位问题
config配置微信分享的一些配置
1、分享失败的原因 :config配置失败;config的jsApiList里需要添加 分享;link的域名必须在js安全域名下;
2、关于成功回调参数问题:真机( ios11以上,因为只测试了这些) 分享朋友sendAppMessage:ok 分享朋友圈shareTimeline:ok ;开发者工具 分享朋友onMenuShareAppMessage:ok 分享朋友圈onMenuShareTimeline:ok,另外ios11以上成功回调里需要加个延时定时器
share配置以上是个人在开发过程中遇到的一些问题,如有不对请指出,也便于我改进
网友评论