微信分享功能的实现

该微信分享依赖于jq，所以页面首先要引入jq。

第一步：引入微信jssdk,如下：

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

第二步：引入微信分享js，可放在公共js文件夹中，代码如下：

$.Share = function(opt) {
var  locationurl = window.location.href;
var  url = location.href.split('#')[0];
var  data = {};//data为前后台交互所传递的参数，这个需要前后台配合，这里就不添加了
data = JSON.stringify(data);
$.ajax({
type:   'post',
url:   '',//该处为数据接口
data: data,
async:  true,
crossDomain:  true,
dataType:   'json',
success:   function(jo) {
if(jo.succ) {
//微信分享的初始化配置，这里禁用了一些功能，只展示了分享给朋友，分享到朋友圈
wx.config({
debug:  false,
appId:  jo.appid,
timestamp:  jo.timestamp,
nonceStr:  jo.noncestr,
signature:  jo.signature,
jsApiList: [
'hideMenuItems',
'hideAllNonBaseMenuItem',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'showMenuItems'
]
});


wx.ready(function() {
wx.checkJsApi({
jsApiList: [
'hideMenuItems',
'hideAllNonBaseMenuItem',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'showMenuItems'
],
success: function(res) {
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 通过下面这个API显示右上角按钮
WeixinJSBridge.call('showOptionMenu');
});
//要隐藏的菜单项,只能隐藏"传播类"和"保护类"按钮,所有menu项见附录3
wx.hideMenuItems({
menuList: [
'menuItem:share:qq',
'menuItem:share:weiboApp',
'menuItem:favorite',
'menuItem:share:facebook',
'menuItem:share:QZone',
'menuItem:editTag',
'menuItem:delete',
'menuItem:copyUrl',
'menuItem:originPage',
'menuItem:readMode',
'menuItem:openWithQQBrowser',
'menuItem:openWithSafari',
'menuItem:share:email',
'menuItem:share:brand'
]
});
wx.showMenuItems({
menuList: [
'menuItem:share:appMessage',
'menuItem:share:timeline'
]
});
//发送给朋友
wx.onMenuShareAppMessage({
title: opt.title,
desc: opt.desc,
link: opt.link,
imgUrl:  opt.imgUrl,
trigger: function(res) {},
success: function(res) {


},
cancel: function(res) {},
fail: function(res) {}
});


//分享到朋友圈
wx.onMenuShareTimeline({
title: opt.title,
link: opt.link,
imgUrl: opt.imgUrl,
trigger: function(res) {},
success: function(res) {


},
cancel: function(res) {},
fail:   function(res) {}
});
},
fail: function(res) {}
});
});
}
},
error:   function (msg)  {}
});
}

第三步：调用 ：

$.Share({
title: , //自定义标题
desc:, //自定义描述
link: location.href, //页面链接
imgUrl: '' //图片路径，注意要绝对路径
});