在【商品列表页面】分享【商品详情】----网易手推公众号效果
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);
//商品列表中商品分享按钮调用的函数goodsDetailShare
window.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,否则不会执行!重要的事情说三遍,重要的事情说三遍,重要的事情说三遍!
### 其他
[我的博客,欢迎交流!](http://rattenking.gitee.io/stone/index.html)
[我的CSDN博客,欢迎交流!](https://blog.csdn.net/m0_38082783)
[微信小程序专栏](https://blog.csdn.net/column/details/18335.html)
[前端笔记专栏](https://blog.csdn.net/column/details/18321.html)
[微信小程序实现部分高德地图功能的DEMO下载](http://download.csdn.net/download/m0_38082783/10244082)
[微信小程序实现MUI的部分效果的DEMO下载](http://download.csdn.net/download/m0_38082783/10196944)
[微信小程序实现MUI的GIT项目地址](https://github.com/Rattenking/WXTUI-DEMO)
[微信小程序实例列表](http://blog.csdn.net/m0_38082783/article/details/78853722)
[前端笔记列表](http://blog.csdn.net/m0_38082783/article/details/79208205)
[游戏列表](http://blog.csdn.net/m0_38082783/article/details/79035621)