微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】 _微信

微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
更新时间：2016年11月25日 15:03:41作者：牛逼的霍啸林
这篇文章主要介绍了微信JS-SDK自定义分享功能,结合实例形式分析了基于JS-SDK接口实现的分享给朋友及分享到朋友圈等功能的相关配置文件与数据操作技巧,需要的朋友可以参考下
本文实例讲述了微信JS-SDK自定义分享功能。分享给大家供大家参考，具体如下：
分享出去的内容，可以通过jssdk进行修改。
1.配置jssdk
【微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】】Wx_config.html
GetSignPackage();?>

2.加入分享给朋友，分享到朋友圈事件

3.后台获取wxShare数据
/**** 获取微信分享数据 ****/$shop_id = $this->_get('shop_id','intval');$wxShare['title'] = $goodsData['name'];$wxShare['desc'] = $store['name'];$wxShare['imgUrl']= $this->siteUrl.$goodsData['logoimg'];$wxShare['link'] = $this->siteUrl.U('Goods/info',array('id'=>$goodsData['id'],'shop_id'=>$shop_id));$this->assign('wxShare',$wxShare);
这里的地址，必须为绝对地址。否则相对地址，微信无法识别。

文章插图
如果不设置，就会是默认的标题，默认的logo，默认的详情。
设置了事件，就会按照自己想要的内容分享出去。
4.我要分销页面，源码
【{sh:$store.name}】{sh:$goodsData.name}body {background-color: #EFEFEF;min-width: 320px;max-width: 640px;margin: 0 auto;}.item-bottom {position: absolute;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.4) none repeat scroll !important;width: 100%;color: #fff;line-height: 25px;padding-right: 5px;text-align: left;font-size: 13px;padding-left: 10px;}.qrcode img {width: 95%;}.qrcode strong {color: #cc0033;text-align: center;padding: 20px;display: block}.tip .title {height: 30px;margin: 10px;vertical-align: middle;line-height: 30px;}.tip .title img {padding: 5px;float: left;}.tip .title div {width: 100%;margin-left: 5px;height: 1px;background-color: #cc0033;}.tip .content {margin-left: 15px;margin-right: 15px;color: gray;}.tip .content strong {color: black;}.row_1 {width: 100%;display: -webkit-box;background-color: white;margin-bottom: 15px;}.row_2 {width: 100%;position: relative;background-color: white;}.row_2_1 {display: -webkit-box;margin-bottom: 10px;}.popover {display: inline;left: 80px;top: 10px;width: 70%;}.headimg {margin: 10px 10px;}.item-img {position: relative;}.price {color: #CC3300;font-size: 16px;}.money {display: inline-grid;font-size: 16px;padding: 10px 5px 5px 5px;}.sale {font-size: 14px;padding-left: 10px;color: gray;}.money_img {width: 70px;padding: 5px;}.popover-content {font-size: 14px;}

文章插图
分销佣金{sh:$commission}元已销售echo ($goodsData['salecount'] + $goodsData['fakemembercount']);件
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

文章插图
我是{sh:$wxuserData.nickname}，
我为{sh:$store.name}代言。

文章插图
{sh:$goodsData.name}¥{sh:$goodsData.price}¥{sh:$goodsData.oprice}

文章插图
长按二维码识别图中二维码分销如何赚钱第一步：转发商品链接或商品二维码图片给微信好友；

第二步：从您转发的链接或图片进入商城的好友，系统将自动锁定成为您的客户，他们在微信商城中购买任何商品，您都可以获得分销佣金；

第三步：您可以在分销中查看【我的团队】和【分销佣金】。好友确认收货后，佣金可提现。