龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

微信分享的标题、缩略图、连接及描述设置方法

时间:2014-10-19 12:03来源:网络整理 作者:网络 点击:
分享到:
微信分享的标题、缩略图、连接及描述该如何设置,这个问题确实难道不少朋友,下面有个示例,大家可以看看

微信分享的标题、缩略图、连接及描述该如何设置,使用微信分享过程中会遇到这个情况,无解的朋友可以看看下面的代码

<script> 
var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg'; 
var lineLink = 'http://topic.xcar.com.cn/201403/ad_q3/index.php'; 
var descContent = "http://topic.xcar.com.cn/201403/ad_q3/index.php"; 
var shareTitle = '【奥迪Q3开启尊享礼遇季】报名试驾,赢取精美礼品'; 
var appid = 'wxc9937e3a66af6dc8'; 

function shareFriend() { 
WeixinJSBridge.invoke('sendAppMessage',{ 
"appid": appid, 
"img_url": imgUrl, 
"img_width": "640", 
"img_height": "640", 
"link": lineLink, 
"desc": descContent, 
"title": shareTitle 
}, function(res) { 
_report('send_msg', res.err_msg); 
}) 
} 
function shareTimeline() { 
WeixinJSBridge.invoke('shareTimeline',{ 
"img_url": imgUrl, 
"img_width": "640", 
"img_height": "640", 
"link": lineLink, 
"desc": descContent, 
"title": shareTitle 
}, function(res) { 
_report('timeline', res.err_msg); 
}); 
} 
function shareWeibo() { 
WeixinJSBridge.invoke('shareWeibo',{ 
"content": descContent, 
"url": lineLink, 
}, function(res) { 
_report('weibo', res.err_msg); 
}); 
} 
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。 
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { 

// 发送给好友 
WeixinJSBridge.on('menu:share:appmessage', function(argv){ 
shareFriend(); 
}); 

// 分享到朋友圈 
WeixinJSBridge.on('menu:share:timeline', function(argv){ 
shareTimeline(); 
}); 

// 分享到微博 
WeixinJSBridge.on('menu:share:weibo', function(argv){ 
shareWeibo(); 
}); 
}, false); 
</script>
精彩图集

赞助商链接