网页分享到微信好友或朋友圈带图标和摘要的完美解决方法
先登录微信公众平台(认证公众号)进入“公众号设置”的“功能设置”里填写“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
打开微信,点击底部的“发现”,使用“扫一扫”即可将网页分享至朋友圈。