基于Wordpress的微信JSSDK之分享与收藏的回调解决方案

大概说一下场景，微信内部访问的Html5页面中，想要实现点击分享与收藏后实现不同的回调，比如赠送积分、商品打折等。

开发期间遇到的问题也很无语，比如直接套用微信官方的jssdk时，点击“收藏”按钮时，会执行“分享给朋友”按钮的方法等等，今天记录一下代码，以备他用。

主要实现点击html5页面中的“分享”与“收藏”时，提示点开微信右上角的分享与收藏功能，然后点击微信的“分享”与“收藏”按钮时，分别赠送不同的积分数额等操作。

一、在 footer.php 加入微信的jssdk分享api

在主题 functions.php 中加入以下代码，挂载到 wp_footer 钩子。

二、添加调用样式

在前端页面中，需要调用分享与收藏的地方，对应加上样式：wxjs_share 与 wxjs_favorite，示例如下：

<a href="javascript:;" data-id="share" id="share" class="weui-btn weui-btn_primary wxjs_share">点击分享</a>

<a href="javascript:;" data-id="shoucang" id="shoucang" class="weui-btn weui-btn_primary wxjs_favorite">点击收藏</a>

三、wordpress后端ajax回调处理函数

在第一步中提到的 wxjs_do_after_share 与 wxjs_do_after_shoucang 要挂载到 wordpress 后端ajax处理函数上，大概代码如下。