微信分享,咋一看好像很复杂,实则非常简单。只需要调用微信官方出的微信jssdk,加上些许配置,就可以实现h5页面在微信上的分享。获取基本信息找到已有公众号的appid,根据这个appid和url向后端发起请求,拿到配置所需要的参数:timestamp、noncestr和signature。实现页面引入JS-SDK文件通过script标签,引入微信官网的JS-SDK文件。基本配置如下:
接下来是如何使用:
如何调试:wx.config里的debug字段设置为true时,就可以进行调试。调试要用到微信开发者工具,选择公众号网页项目,输入页面地址就可以了。
遇到的问题及解决方案微信JS-SDK说明文档的附录5里有大部分问题的解决方案,在这里我列出我遇到的几个上面没有给出解决方案的。1、Uncaught TypeError: Cannot read property 'config' of undefined解决:html页面单独引入了sdk,并且组件统一也引入了一遍sdk,导致问题,删除其中之一。2、Uncaught (in promise) TypeError: Cannot read property 'ready' of undefined解决:同上。3、invalid signature解决:如果文档里的方法都没有解决这个问题,还有一种方法,先设置一种最基础的配置,使其config ok,然后再设置一遍自己需要的有各种参数的分享文案,这样能绕过配置,成功分享。说的可能有点拗口,简单点理解就是,页面只要有一个config成功的配置,就可以再继续配置其它分享,哪怕这个分享配置的signature无效。