微信公众号分享问题总结

---

前言

• -time:2020/11/18

第一次写博客，以后准备在解决一些问题的时候，写在博客里，方便自己寻找
这篇就 总结一些微信公众号的问题，和解决方案

---

微信公众号分享问题总结

1. 微信公众号在分享时使用的imgUrl字段的时候，他的图片路径必须是服务器端的。写本地的相对路径和绝对路径都是无法生效的

例子

wx.updateAppMessageShareData({
                        title: 'xxx', // 分享标题
                        desc: 'xxx', // 分享描述
                        link: 'http://www.xxx.com/2020/index.html', 
                        imgUrl: 'http://www.xxx.com/2020/share_icon.jpg', // 这部分
                        success: function () {
                            // 设置成功
                        }
                    })

2. 至今日，微信pc端分享给朋友时不能使用新版接口,必须使用老版接口。

• ps这两个接口可以都写便，pc端的话会自动找到老版接口并调用，同时不影响移动端使用新版接口，而且如果老版接口废弃，那么这样写后期也是不需要重新返工的

//移动端调用
wx.updateAppMessageShareData({})
//pc端调用老版接口
wx.onMenuShareAppMessage({})

微信的一些其他问题

1. pc端打开链接的时候是不支持部分es6的语法的，比如 … , 函数参数的默认值，等等
   如如果你不小心使用了这些语法，那么打开页面的时候整个js部分会不生效，很难判断问题出在哪里。

2.关于微信会自动缓存html页面问题

• 微信页面会自动缓存同域名地址下的html页面，导致修复bug后客户那里显示的依旧是老版的页面，这个问题其实在pc端还好，在移动端很严重，他甚至会在你将服务器删除之后，依旧可以打开页面。微信那边也一直没有解决
  所以暂时减少这方面的问题，我只做了两个操作，用来禁止页面缓存html和css，但是缓存的js文件我暂时没有更好的方法

//用mata禁止页面缓存
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

结束

突然间忘了原来解决的一些bug，那就放在以后更新吧