微信分享指定url和图片的JS代码

老牛  2015-07-18 20:36  阅读 392 views 次 评论 0 条

需求:在用户点击“发送给朋友”的按钮时,重置掉图片,页面的URL链接,而使用自己设置的另一张图片,链接URL作为描述,请问如何实现?
微信分享是通过WeixinJSBridge实现,只需要将下面这段Js代码复制到网页中,定义好对应的参数即可

var imgUrl = 'http://#www.jakehu.me/xxx.jpg';
var lineLink = 'http://#www.jakehu.me/904';
var descContent = "这是晨曦的博客";
var shareTitle = '晨曦';
var appid = '';

function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage',{
"appid": appid,
"img_url": imgUrl,
"img_width": "200",
"img_height": "200",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
//_report('send_msg', res.err_msg);
})
}
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline',{
"img_url": imgUrl,
"img_width": "200",
"img_height": "200",
"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);

历史上的今天:

本文地址:http://xiaohost.com/1147.html
版权声明:本文为原创文章,版权归 老牛 所有,欢迎分享本文,转载请保留出处!

发表评论


表情