首先到微信公众平台绑定安全域名 和网页授权 按照微信公众平台上的步骤来
下载jssdk包
控制器配置 加载jssdk类
页面引入js 代码如下 方法HTML页面 就行
<script>
window._bd_share_config={
"common":{
"bdPopTitle":$('#title').val(),
"bdSnsKey":$('#title').val(),
"bdText":$('#descripe').val(),
"bdMini":"2",
"bdMiniList":false,
"bdPic":$('#thumb').val(), /* 此处填写要分享图片地址 */
"bdStyle":"0",
"bdSize":"16"
},
"share":{
"tag" : "share",
"bdSize" : 16,
}
};
with(document)0[
(getElementsByTagName('head')[0]||body).
appendChild(createElement('script')).
src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)
];
</script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
var ShareImgUrl = $('#thumb').val();
var ShareLink = '{$signPackage["url"]}';
var desc = $('#descripe').val();
var title = $('#title').val();
// 微信配置
wx.config({
debug: false,
appId: "{$signPackage['appId']}", //公众号的唯一标识
timestamp: '{$signPackage["timestamp"]}', //生成签名的时间戳
nonceStr: '{$signPackage["nonceStr"]}', //生成签名的随机串
signature: '{$signPackage["signature"]}', //签名
jsApiList: ['checkJsApi','onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone', 'hideOptionMenu'] // 功能列表,我们要使用
});
wx.error(function(res){
console.log(res);
})
wx.ready(function () {
// 获取"分享到朋友圈"按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
title: title, // 分享标题
link: ShareLink,
desc: desc,
imgUrl: ShareImgUrl, // 分享图标
success: function () {
window.location.href = backUrl;
},
cancel: function () {
return false;
}
});
// 获取"分享给朋友"按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: title, // 分享标题
desc: desc, // 分享描述
link: ShareLink,
imgUrl: ShareImgUrl, // 分享图标
success: function () {
},
cancel: function () {
return false;
}
});
// 分享到QQ
wx.onMenuShareQQ({
title: title, // 分享标题
desc: desc, // 分享描述
link: ShareLink,
imgUrl: ShareImgUrl, // 分享图标
success: function () {
window.location.href = backUrl;
},
cancel: function () {
return false;
}
});
// 分享到QQ空间
wx.onMenuShareQZone({
title: title, // 分享标题
desc: desc, // 分享描述
link: ShareLink,
imgUrl: ShareImgUrl, // 分享图标
success: function () {
window.location.href = backUrl;
},
cancel: function () {
return false;
}
});
});
</script>