网页分享到微信好友或朋友圈带图标和摘要的完美解决方法
先登录微信公众平台(认证公众号)进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<!--#include file="sha1.inc"-->
<!--#include file="jssdk.asp"-->
<script>
wx.config({
//debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '<%=AppID%>', // 必填,公众号的唯一标识
timestamp: <%=timestamp%>, // 必填,生成签名的时间戳
nonceStr: '<%=nonceStr%>', // 必填,生成签名的随机串
signature: '<%=signature%>',// 必填,签名,见附录1
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo'
]
// 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
wx.ready(function(){
//分享到朋友圈
wx.onMenuShareTimeline({
title: '在线工具', // 分享标题
link: 'http://www.wqhl.cn', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'http://www.wqhl.cn/images/nonews.png', // 分享图标
success: function () {
alert('已分享');
// 用户确认分享后执行的回调函数
},
cancel: function () {
alert('取消分享');
// 用户取消分享后执行的回调函数
}
});
//分享到好友
wx.onMenuShareAppMessage({
title: '在线工具',
desc: '在线工具是一个包含大量在线工具网站,包含语言工具,便民查询,转换工具,生理健康,站长工具,特效源码,技术文件,系统维护设置等,致力为广大网友提供便利的在线工具服务。', // 分享描述
link: 'http://www.wqhl.cn',
imgUrl: 'http://www.wqhl.cn/images/nonews.png',
type: '' // 分享类型,music、video或link,不填默认为link
});
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});
</script>
附件:asp网页分享到微信好友或朋友圈带图标和摘要实例.rar
打开微信,点击底部的“发现”,使用“扫一扫”即可将网页分享至朋友圈。











