vue2-微信分享

一、首先引入sdk:

npm install  weixin-js-sdk  --save-dev

二、index.html中引入微信官方分享js

三、封装分享公共方法

其中分享链接和图片地址要用绝对地址，图片用方形，大小至少200*200px以上

四、main.js中引入并挂在vue的原型上

五、调用，如果需要动态传参，可以封装相应的方法，获取了相应的参数后，传参

六、说明

6.1 微信公众平台“公众号设置”的“功能设置”里填写“JS接口安全域名”，此安全域名必须要和接口请求的一致，否则debug开启后会报invalid url domain；

6.2 分享的链接必须是动态捞取的url;

6.3 若出现invalid  signature，着重检查url，签名用的url必须是调用JS接口页面的完整URL

6.4 签名用的noncestr和timestamp必须与wx.config中的nonceStr和timestamp相同

6.5 若是链接中带有参数，必须要符合url的规范，微信浏览器以及各手机浏览器都自动匹配url，但是微信公众号下的分享，若是参数链接有误，将只解析url,自动截断不规范的url参数