微信开发之——JSSDK,基础接口——分享接口

最新推荐文章于 2023-10-05 19:26:44 发布

风_2015

最新推荐文章于 2023-10-05 19:26:44 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： wechat javascript

本文链接：https://blog.youkuaiyun.com/u013589542/article/details/54864615

wechat 同时被 2 个专栏收录

11 篇文章

订阅专栏

javascript

2 篇文章

订阅专栏

本文介绍了如何使用微信JS-SDK进行内容分享至朋友圈、好友及第三方平台如QQ和微博的方法。详细展示了不同分享场景下的参数配置及回调函数设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下代码需放入wx.ready(function(){}),即config注入权限验证成功之后

1.分享到朋友圈

	wx.onMenuShareTimeline({
	    title: '张苗', //分享标题
	    link: 'https://www.baidu.com', //分享链接
	    imgUrl: 'https://gss0.bdstatic.com/70cFsj3f_gcX8t7mm9GUKT-xh_/avatar/100/r6s1g4.gif', //分享图标
	    success: function () { 
	        //用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	        //用户取消分享后执行的回调函数
	    }
	});

2.分享给朋友

	wx.onMenuShareAppMessage({
	    title: '送你一只小狗', //分享标题
	    desc: '这是一个测试项目,纯属娱乐', //分享描述
	    link: 'http://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E7%8B%97%E7%8B%97%E5%9B%BE%E7%89%87&step_word=&hs=0&pn=9&spn=0&di=72743929170&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=2&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=-1&cs=3916307322%2C789181421&os=1743761458%2C1908584243&simid=0%2C0&adpicid=0&lpn=0&ln=1977&fr=&fmq=1486188250728_R&fm=index&ic=0&s=undefined&se=&sme=&tab=0&width=&height=&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201510%2F08%2F20151008092248_Fjd8S.jpeg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3B17tpwg2_z%26e3Bv54AzdH3Frj5rsjAzdH3F4ks52AzdH3F9m0c0dn9aAzdH3F1jpwtsAzdH3F&gsm=0&rpstart=0&rpnum=0', //分享链接
	    imgUrl: 'http://img1.3lian.com/img013/v4/18/d/97.jpg', //分享图标
	    type: 'link', // 分享类型,music、video或link，不填默认为link
	    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
	    success: function () { 
	        // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	        // 用户取消分享后执行的回调函数
	    }
	});

3.分享到qq

	wx.onMenuShareQQ({
	    title: '测试 分享到qq', // 分享标题
	    desc: '这是一个测试项目,纯属娱乐', // 分享描述
	    link: 'http://image.baidu.com', // 分享链接
	    imgUrl: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1740994930,818057834&fm=58g', // 分享图标
	    success: function () { 
	       // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	       // 用户取消分享后执行的回调函数
	    }
	});

4.分享到微博

	wx.onMenuShareWeibo({
	    title: '测试 分享到微博', // 分享标题
	    desc: '这是一个测试项目,纯属娱乐', // 分享描述
	    link: 'http://image.baidu.com', // 分享链接
	    imgUrl: 'http://img1.3lian.com/img013/v4/18/d/97.jpg', // 分享图标
	    success: function () {
	       // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	        // 用户取消分享后执行的回调函数
	    }
	});

5.分享到qq空间

	wx.onMenuShareQZone({
	    title: '测试 分享到qq空间', // 分享标题
	    desc: '这是一个测试项目,纯属娱乐', // 分享描述
	    link: 'http://user.qzone.qq.com', // 分享链接
	    imgUrl: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1740994930,818057834&fm=58', // 分享图标
	    success: function () { 
	       // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	        // 用户取消分享后执行的回调函数
	    }
	});
});

部分摘自微信开发者文档......