存档

2014年12月 的存档

微信js自定义发送好友

2014年12月19日 没有评论

最近在做一个建设银行信用卡的项目,各种大改小改都折腾了一个星期多了!今天总算到一个段落了!其中客户提了一个要自定义发送给朋友的标题、描述、缩略图的问题!以前没有做过这个微信相关都开发,在网上找了好久,期间还因为js错误耽误了不少都事件!


var imgUrl = "http://www.helpergarden.com/ccb_12/img/logo.jpg";//这里的图片必须是http开头的完整路径
var lineLink = window.location.href;
var shareTitle = 'xxxxxx';//标题

var descContent = 'xxxxxx';//描述

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);

其中“imgUrl”设置发送好友圈时的缩略图,“lineLink”设置发送给好友链接的链接地址,“shareTitle”设置标题,“descContent”设置分享的描述,“appid”设置微信公众帐号都appid,当然也可以不填!

最后我们来看一下图片的预览效果!

wx_js

分类: Web 标签: