怎么使用微信的JS-SDK实现自定义分享到微信朋友圈（附源码）

最新推荐文章于 2024-08-04 02:37:22 发布

刺心疯

最新推荐文章于 2024-08-04 02:37:22 发布

阅读量468

点赞数 2

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_42363090/article/details/98943203

版权

HTML5 专栏收录该内容

201 篇文章 10 订阅

订阅专栏

话不多说直接上代码：

<!DOCTYPE html>
<html>
 
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
		<meta charset="UTF-8">
		<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
		<title></title>
	</head>
 
	<body>
		<div class="">
			分享页面1
		</div>
		<script type="text/javascript">
			wx.config({
				debug: true, // 是否开启调试模式
        		appId:"你的公众号appId",
				timestamp: '1565248009522', 
				nonceStr: 'Wm3WZYTPz0wzccnW', // 随机字符串
				signature:"2cc2a893520adbd2ba1fc590f556ecb20a7dba64",
				jsApiList: [
					'onMenuShareTimeline',
					'scanQRCode'
				] // 需要使用的JS接口列表
			})
			wx.ready(function(res) {
				// 分享到朋友圈
				wx.onMenuShareTimeline({
					title: '分享测试', // 分享标题
					link: 'https://ajstg1.phfund.com.cn/corpwebsit/wechat/ad/PHwechatFission/index.html', // 分享链接
					imgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=4061574650,409852628&fm=26&gp=0.jpg', // 分享图标
					success: function() {
						alert('分享成功')
					},
					cancel: function() {
						alert('取消了分享')
					}
				})
			})
		</script>
	</body>
 
</html>

注意事项

1.签名用的noncestr和timestamp必须与wx.config中的nonceStr和timestamp相同。

2.签名用的url必须是调用JS接口页面的完整URL。