Hack笔记

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

var imgUrl = "http://www.hacknoote.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，当然也可以不填！

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