h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」 |
您所在的位置：网站首页 › h5调用微信分享到朋友圈 › h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」 |
h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」
|
大家好，又见面了，我是你们的朋友全栈君。 微信已经成为我们日常聊天联系基本的必备工具，所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友，微信的分享接口还提供了分享到QQ和分享到腾讯微博等，就是在页面的config接口注入权限验证配置好就ok！ 类似于“分享到朋友圈”按钮点击状态及自定义分享内容接口，我们调用“分享到QQ”和“分享到腾讯微博”按钮点击状态及自定义分享内容接口 。 获取“分享到QQ”按钮点击状态及自定义分享内容接口 代码语言：javascript复制 wx.onMenuShareQQ({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 代码语言：javascript复制 wx.onMenuShareQZone({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 代码语言：javascript复制 wx.onMenuShareWeibo({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });以上是调用接口然后进行自定义分享。下面是关于h5分享到的两个不错的插件。 一、http://www.jiathis.com/help/html/weixin-share-code 具体事例可以查看以上网址，我这里演示一个简单的例子。 使用说明： 复制并粘贴下面的JS代码,放到您的网页，可以在和的之间网页的任意位置放置。如果您的网站使用的模板，您也可以复制代码到您的模板，按钮将在所有网页自动出现。 代码语言：javascript复制 分享到： 微信 更多 h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」二、http://share.baidu.com/code HTML代码 代码语言：javascript复制js代码 代码语言：javascript复制 window._bd_share_config={ "common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"}, "share":{}, "image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"}, "selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]} }; with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src= 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)]; h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」如果想要查看更多的分享格式，可以查看原网址。 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/166390.html原文链接：https://javaforall.cn |
【本文地址】