Vue公众号项目iOS分享失败的原因和解决方法

Vue公众号项目iOS分享失败的原因和解决方法

分享失败的原因

      1、首先我们需要了解页面流程，如下图所示：通常的进入公众号的首个页面是A页面，这个页面的作用是获取用户信息和一些该系统需要一些基础支撑数据，然后根据具体的逻辑跳转不同界面，就像图上例子一样，没有授权跳转B授权界面，用户授权之后跳转C公众号主界面，这里我们的D就是需要分享的界面。

      2、然后我们需要了解微信分享时的签名机制，这里不仔细介绍了，大致流程就是我们需要根据当前url和appid向微信服务端获取正确的签名信息从而能够正确的完成分享操作。

      3、其次我们需要了解公众号路由在Android和iOS系统中的不同，就1中的图片流程，我们假设从A页面到D页面，不同之处由下图所示：

所以根上图我们可以看出iOS在签名的时候我们需要根据“域名/A”来进行签名而Android需要根据“域名/D”来进行签名，这里也就是iOS签名不成功的原因。

解决方法

      根据不同系统来处理签名时的url，大致思路就是：如果是iOS系统时，我们将第一个界面“域名/A”存下来，待到签名时取出来用即可完成正确签名。