微信公众号的那些坑

1.微信开发者工具下载。

PS：微信开发者工具最新版本的地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

        千万不要在微信公众号平台下的开发者工具。

 

2.微信客户端缓存。

（1）a标签href跳转失效，建议改用其他标签，添加onclick事件。如：window.location.href = './xxx.html'?time='+((new Date()).getTime())。

（2）页面缓存过长，建议资源打版本号，使用webpack打包前端资源，配置服务端缓存时间。

如果以上方法都无法清除缓存的话，只能采取以下方法。

1.重新登录微信。

2.使用第三方清理工具清除缓存。（退出微信的时候可能也就清除cookie，storage，没有彻底清除页面资源的缓存）

 

3.微信jssdk使用步骤。

1.配置微信公众平台的域名。

2.前端引入jssdk文件。

3.前端配置wx.config。

4.前端编写wx.ready方法。

PS：所有的微信jssdk接口都在wx.ready执行。

5.前端编写wx.error方法。

 

4.微信jssdk配置文件。

  （1）注意配置参数类型是否相同。

  （2）注意生成签名的url是否与当前的url相同。

  （3）注意前端传的url有没有encodeURIComponent()，后端有没有url解码，生成签名。

PS: 微信接口调试页： http://mp.weixin.qq.com/debug

 

5.微信接口端口号

仅支持80或443端口，其他端口无效。    

 

6.微信分享接口            

微信分享接口url是必须是固定的，切记不要动态改变url，否则分享出来链接就不是微信的分享标签。（带文字与图片）

如：http://www.xxx.com/share.html   正常

       http://www.xxx.com/share.html?flag=1  不正常

      不是带参数不正常，而是动态改变了一下url内容，然后再分享出去的时候，分享出去就不是微信的分享标签，而是一个普通的链接。

PS:（1）分享链接不一定是当前页面的链接。

      （2）分享链接域名与当前页面对应的公众号JS安全域名必须一致。

       否则会出现微信分享在开发者工具分享成功，移动端微信分享不成功。

       公众号JS安全域名建议配置一级域名。

        

 

7.微信图片接口

拍照或从手机相册中选图接口

wx.chooseImage({
     count: 1, // 默认9
     sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图，默认二者都有
     sourceType: ["album", "camera"], // 可以指定来源是相册还是相机，默认二者都有
     success: function(res) {
          var localIds = res.localIds // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
     }
})

PS：localIds参数返回是一个数组。

        localIds参数是一个微信的图片资源地址，不是一个标准的src的图片地址。

 

补充：关于后端如何获取前端上传微信的图片。

           前端拍照或从手机相册中选图接口-->上传图片接口-->后端请求获取素材接口-->保存图片。

           具体api请看微信公众号开发文档----素材管理----获取临时素材/获取永久素材。

 

8.微信支付接口

一种是商家支付给用户，一种是用户支付给商家。

补充：注意接受与传的参数的大小写字母，一定要相同。

转载于:https://www.cnblogs.com/Sroot/p/5703915.html