当前位置:首页>>技术文章>>内容详情

网页分享到微信好友或朋友圈带图标和摘要的完美解决方法

2022年03月04日
Tags:分享微信朋友圈图标摘要

先登录微信公众平台(认证公众号)进入“公众号设置”的“功能设置”里填写“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
打开微信,点击底部的“发现”,使用“扫一扫”即可将网页分享至朋友圈。
上一条信息:使用 JavaScript 生成二维码 QRCode.js
下一条信息:ASP四级联动查询