微信公众号前端html,微信公众号开发（前端）

前一段时间开发了微信公众号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配置

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