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

本文实例讲述了微信JS-SDK自定义分享功能。分享给大家供大家参考，具体如下：

分享出去的内容，可以通过jssdk进行修改。

1.配置jssdk

Wx_config.html

？phpumport(' @。组织。jssdk’)；$ JSSDK=新的JSSDK(C(' oauth _ config。appid ')、C(' oauth _ config。appsecret’)；$ sign package=$ jssdk-getsign package()；脚本src=' http :http://RES . wx。QQ。com/open/js/jweixin-1。0 .0 .js '/脚本脚本wx。config({ debug : false，appId: '？PHP echo $ sign包[' AppID ']；'，timestamp: '？PHP echo $ sign包['时间戳']；'，nonceStr: '？PHP echo $ sign包[' non estr ']；'签名：PHP echo $ sign包[' sign ']；jsaplist :[' onmenusetimeline '，' onMenuShareAppMessage '，' chooseImage '，' uploadImage ']})；/script2 .加入分享给朋友，分享到朋友圈事件

脚本/微信JSSDK开发wx.ready(function () { //分享给朋友wx。onmenusharappmessage({ title :“{ sh : $ wx share。title } ')，//商品名desc :”{ sh : $ Wx股。desc }”，//店铺名链接："{ sh : $ WxShare。链接} "，//商品购买地址imgurl :"{ sh : $ wxshare。imgurl }”，//分享的图标失败：函数(RES){ alert(JSON。stringify(RES))；} });//分享到朋友圈wx。onmenusetimeline({ title :“{ sh : $ wx share。title } ')，//商品名链接："{ sh : $ WxShare。链接} "，//商品购买地址imgurl :"{ sh : $ wxshare。imgurl } "，//分享的图标失败：函数(RES){ alert(JSON。stringify(RES))；} });});/script3 .后台获取wxShare数据

/**** 获取微信分享数据* * * */$ shop _ id=$ this-_ get(' shop _ id '，' int val ')；$ wxShare[' title ']=$ goodsData[' name ']；$ WXshare[' desc ']=$ store[' name ']；$ WXshare[' IMgurl ']=$ this-SiteURl .$ goodsData[' logo img ']；$wxShare['link']=$this-siteUrl .u('货物/信息，数组(' id'=$goodsData['id']，' shop _ id '=$ shop _ id))；$this-assign('wxShare '，$ wxShare)；这里的地址，必须为绝对地址。否则相对地址，微信无法识别。

如果不设置，就会是默认的标题，默认的标志，默认的详情。设置了事件，就会按照自己想要的内容分享出去。

4.我要分销页面，源码

！DOCTYPE htmlhead元内容=' text/html；charset=utf-8 ' http-equiv=' Content-Type '/meta charset=' utf-8 '/meta Content=' width=设备宽度，初始比例=1.0，最大比例=1.0，用户比例=0，用户比例=no ' name=' viewport '/meta Content=' yes ' name=' apple-mobile-web-app-enable '/meta Content=' black ' name=' apple-mobile-web-app-status-bar-style '/meta name=' format-detection '最小宽度： 320 px最大宽度： 640像素；margin: 0 auto}。项目底部{位置：绝对值；left: 0pxbottom: 0px背景： rgba(0，0，0，0.4)无重复滚动！重要；宽度： 100%;color: # fff线高： 25px填充-右侧： 5px文本-左对齐：font-size : 13px左填充： 10px} .二维码img { width : 95%；} .二维码强{ color: # cc0033文本对齐：中心；padd : 20pxdisplay : block } .小费标题{ height : 30pxmargin : 10px垂直对齐： 中间；线高： 30px} .小费标题img { padding: 5px向左浮动：} .小费title div { width : 100%；左边距left: 5pxheight: 1px背景色： # cc 0033} .小费。内容{左边距： 15px右边距： 15px颜色：灰色；} .小费。内容强烈{ color:黑色；} .row _ 1 {宽度： 100%；显示器：-网络套件-盒子；背景-颜色：白色；边距-底部： 15px} .row _ 2 {宽度： 100%；相对位置：背景-颜色：白色；} .row _ 2 _ 1 { display :-web工具包-box；边距-底部： 10px} .popover { display:内联；left: 80pxtop: 10px宽度： 70%;} .headimg { margin: 10px 10px}。项目-img { position:相对；} .价格{ color : # cc 3300 font-size : 16px；} .money { display : in-grid；font-size : 16pxpadding: 10px 5px 5px 5px }。sale { font-size : 14px左填充： 10px颜色：灰色；} .money _ img { width : 70pxpadding : 5px }。予言ver-content { font-size : 14px；}/style/head body div class=' row _ 1 ' div class=' left ' img class=' money _ img ' src=' http : { sh 3360: REs } public/img/T2。png '/span/div class=' right ' div class=' money '分销佣金font color=' # CC0000 ' { sh: $佣金}/字体元/div类=销售已销售font color=' # cc 0000 ' phpecho($ goodsData[' sale count ']$ goodsData[' fakemembercount '])；/php /font件/div/div/div类=' row _ 2 ' if条件=' $ wxuserdata。昵称neq ' ' ' div class=' row _ 2 _ 1 ' div class=' left ' img src=' http : { sh : $ wxuserdata。head imgurl } ' width=' 70px ' class=' head img '/div class=' popover right ' div class=' arrow '/div class=' popover-content ' p我是font color=' # ff 9900 ' { sh : $ wxuserdata。昵称}/font，br/span我为font color=' # FF9900 ' { sh : $ store。名称}/字体代言。

/span/p/div/div/div/if div class=' row _ 2 _ 2 ' div class=' item-img ' img class=' item-img-logo ' src=' http : { sh : $ good data。logo img } ' width=' 100% ' div class=' item-bottom ' span { sh : $ good data。name }/span div span class=' price ' strong { sh : $ good data。价格}/strong/span长按二维码识别图中二维码/strong/div/div class=' row _ 3 tip ' div class=' title ' I class=' fa fa-sitemap '/ispan分销如何赚钱/span/div class=' content ' div strong第一步：/strong转发商品链接或商品二维码图片给微信好友；br/br/strong第二步：/strong从您转发的链接或图片进入商城的好友，系统将自动锁定成为您的客户，他们在微信商城中购买任何商品，您都可以获得分销佣金；br/br/strong第三步：/strong您可以在分销中查看【我的团队】和【分销佣金】。好友确认收货后，佣金可提现。br/br///div/div包含文件='。/Tpl/Store/Public/Public _ foot。html//正文包含文件=' ./Tpl/Store/Wx _ config。html '/脚本//微信JSSDK开发wx.ready(function () { //分享给朋友wx。onmenusharappmessage({ title :“{ sh : $ wx share。title } ')，//商品名desc :”{ sh : $ Wx股。desc }”，//店铺名链接："{ sh : $ WxShare。链接} "，//商品购买地址imgurl :"{ sh : $ wxshare。imgurl }”，//分享的图标失败：函数(RES){ alert(JSON。stringify(RES))；} });//分享到朋友圈wx。onmenusetimeline({ title :“{ sh : $ wx share。title } ')，//商品名链接："{ sh : $ WxShare。链接} "，//商品购买地址imgurl :"{ sh : $ wxshare。imgurl } "，//分享的图标失败：函数(RES){ alert(JSON。stringify(RES))；} });});/script/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript中json操作技巧总结》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文对JavaScript编程有所帮助。