[非卖]小伙伴专享

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

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

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

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

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

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

隐藏内容 VIP会员登录可见
以下会员组可阅读此处隐藏内容
[非卖]小伙伴 永久会员

请先登录并开通会员

二、添加调用样式

在前端页面中,需要调用分享与收藏的地方,对应加上样式: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处理函数上,大概代码如下。

隐藏内容 VIP会员登录可见
以下会员组可阅读此处隐藏内容
[非卖]小伙伴 永久会员

请先登录并开通会员


注:这是基于Wordpress开发的项目,其中的涉及到积分操作的函数不变分享,但不影响本文微信JSSDK的理解。