在【商品列表页面】分享【商品详情】----网易手推公众号效果
来源:互联网 发布:软件项目管理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,否则不会执行!重要的事情说三遍,重要的事情说三遍,重要的事情说三遍!
阅读全文
0 0
- 在【商品列表页面】分享【商品详情】----网易手推公众号效果
- 搜索,商品列表,商品详情
- 使用MVP搜索页面到商品列表与商品详情
- 让zen cart商品评论显示在商品详情页面
- 商品详情放大效果
- 商品详情页面描述
- 商品详情页面布局
- 仿写京东商品详情页面
- 商品详情页面展示
- 商品详情页面
- 商品详情页面demo
- ios 类似淘宝商品详情页面的效果
- 仿淘宝商品详情页面下拉黏滞效果
- 仿淘宝商品详情页面标题下拉渐变效果
- 商品详情
- Android 仿京东淘宝 商品详情页 商品图片效果
- android 仿天猫商品详情界面滑动效果
- 自定义View______商品详情界面效果(纪录片)
- Python 线程
- 一个高性能、轻量级的分布式内存队列系统--beanstalk
- lombok 作用
- 视频、音频打时间戳的方法(转)
- linux下创建具有root权限的帐号
- 在【商品列表页面】分享【商品详情】----网易手推公众号效果
- PHP中数组遍历
- mysql主从复制
- 数据结构与算法分析(C++第三版)第二章问题总结
- ASP.NET没有魔法——ASP.NET MVC & 分层
- 调用微信API获得昵称有图像不能保存的问题
- linux下使用diff制作补丁,使用patch打补丁
- 牛客网python编程题目(一)数串
- hadoop DistributeCache的用法