在【商品列表页面】分享【商品详情】----网易手推公众号效果

来源:互联网 发布:软件项目管理pdf 编辑:程序博客网 时间:2024/04/29 09:56

1,制作一个分享的js接口

可参考:http://blog.csdn.net/m0_38082783/article/details/73326551

假如接口为:

wxShare({title: '', // 分享标题  desc: '', // 分享描述  link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  imgUrl: '', // 分享图标  success: function () {       // 用户确认分享后执行的回调函数  },  cancel: function () {       // 用户取消分享后执行的回调函数  }  });

2,制作商品列表页面的分享

(function(){var listShareObj = {title: '', // 分享标题  desc: '', // 分享描述  link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  imgUrl: '', // 分享图标   }wxShare(listShareObj);//商品列表中商品分享按钮调用的函数goodsDetailSharewindow.goodsDetailShare = function(){var goodShareObj = {title: '', // 分享标题  desc: '', // 分享描述  link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  imgUrl: '', // 分享图标 success: function(){//分享成功后,还原商品列表页面的列表分享wxShare(listShareObj);},cancel: function(){//分享取消后,还原商品列表页面的列表分享wxShare(listShareObj);}}//此时微信分享按钮分享的是详情商品wxShare(goodShareObj);}})()

注意:

1,此处只做了图片,url,标题,描述的分享

2,进入商品列表页面必须执行一次分享按钮的赋值,这是赋值的是列表页面的图片,url,标题,描述的分享

3,点击具体的商品分享,将要分享的图片,url,标题,描述都放在自定义属性,然后调用goodsDetailShare函数

4,在goodsDetailShare函数中分享商品的图片,url,标题,描述

5,同时在分享中的取消和成功函数中再次做第一步列表页面的分享

6,循环完成

页面分享 ---- 商品详情分享 ---- 在成功和取消函数中再次做(页面分享)

第五步必须执行,否则列表页面的分享不能还原!重要的事情说三遍,重要的事情说三遍,重要的事情说三遍!

特别注意:

分享的url必须是你公众号域名下的url,否则不会执行!重要的事情说三遍,重要的事情说三遍,重要的事情说三遍!