蚂蚁论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 37|回复: 0

js实现通用的微信分享组件示例

[复制链接]

1979

主题

1

好友

1609

积分

管理员

Rank: 64Rank: 64Rank: 64Rank: 64

  • TA的每日心情
    奋斗
    2016-1-22 16:23
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    荣誉管理 论坛元老 热心会员 活跃会员 最佳新人 灌水之王

    发表于 2017-10-12 07:06:08 |显示全部楼层
    js实现通用的微信分享组件示例
    一、可定义的信息1、分享时显示的LOGO;2、分享LOGO的宽度;3、分享LOGO的高度;4、分享出去显示的标题(默认调用网页标题);5、分享出去显示的描述(默认调用网页标题);6、分享链接(默认为当前页面的URL)。7、分享微信的APPID(一般为空)。
    二、使用方法1、引入微信分享组件js:
    复制代码 代码如下:/******************************** Author:MrThink* Description:微信分享通用代码* 使用方法:_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID(一般不用填)');*******************************/function _WXShare(img,width,height,title,desc,url,appid){//初始化参数img=img||'azhixunin/plug/img/ico-sharepng';width=width||100;height=height||100;title=title||documenttitle;desc=desc||documenttitle;url=url||documentlocationhref;appid=appid||'';//微信内置方法function _ShareFriend() {WeixinJSBridgeinvoke('sendAppMessage',{'appid': appid,'img_url': img,'img_width': width,'img_height': height,'link': url,'desc': desc,'title': title}, function(res){_report('send_msg', reserr_msg);})}function _ShareTL() {WeixinJSBridgeinvoke('shareTimeline',{'img_url': img,'img_width': width,'img_height': height,'link': url,'desc': desc,'title': title}, function(res) {_report('timeline', reserr_msg);});}function _ShareWB() {WeixinJSBridgeinvoke('shareWeibo',{'content': desc,'url': url,}, function(res) {_report('weibo', reserr_msg);});}// 当微信内置浏览器初始化后会触发WeixinJSBridgeReady事件。documentaddEventListener('WeixinJSBridgeReady', function onBridgeReady() {// 发送给好友WeixinJSBridgeon('menu:share:appmessage', function(argv){_ShareFriend();});
    // 分享到朋友圈WeixinJSBridgeon('menu:share:timeline', function(argv){_ShareTL();});
    // 分享到微博WeixinJSBridgeon('menu:share:weibo', function(argv){_ShareWB();});}, false);}
    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    蚂蚁站长论坛推荐上一条 /1 下一条

    QQ|Archiver|手机版|广告服务|蚂蚁站长-站长之家 ( 黔ICP备16008478号-1  

    GMT+8, 2017-10-23 06:49

    Powered by 站长论坛

    © 2007-2013 Jzant.com Inc.

    回顶部