失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信公众号前端html 微信公众号开发(前端)

微信公众号前端html 微信公众号开发(前端)

时间:2020-04-11 04:02:00

相关推荐

微信公众号前端html 微信公众号开发(前端)

前一段时间开发了微信公众号H5页面,有踩一些坑,分享下。开发环境是vue+vue-router官方提供的开发环境

先说下config,这里采用的是引入npm上的wxjssdk,这里会有两种配置情况

hash路由(不建议这种路由)因为#后面的浏览器不会发起请求所以配置的时候只需要传前面的就行;history路由需要把当前的url传给后台(这里如果url后面有参数,一定要用encodeURIComponent)

config配置失败的原因(要保证你的h5页面域名和公众号后台js安全域名一致)

1、hash路由#号中间有参数类似于这种 /?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配置

以上是个人在开发过程中遇到的一些问题,如有不对请指出,也便于我改进

如果觉得《微信公众号前端html 微信公众号开发(前端)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。