h5怎么做分享到QQ 、朋友圈、微信 、微博等功能
微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的config接口注入权限验证配置好就ok!
类似于“分享到朋友圈”按钮点击状态及自定义分享内容接口,我们调用“分享到QQ”和“分享到腾讯微博”按钮点击状态及自定义分享内容接口 。
获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });
获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });
获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
wx.onMenuShareWeibo({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });
以上是调用接口然后进行自定义分享。下面是关于h5分享到的两个不错的插件。
一、http://www.jiathis.com/help/html/weixin-share-code
具体事例可以查看以上网址,我这里演示一个简单的例子。
使用说明: 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。
<!-- JiaThis Button BEGIN --><div id="ckepop"> <span class="jiathis_txt">分享到:</span> <a class="jiathis_button_weixin">微信</a> <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a> <a class="jiathis_counter_style"></a> </div> <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script> </div> <!-- JiaThis Button END -->
二、http://share.baidu.com/code
HTML代码
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> </div>
js代码
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)];
如果想要查看更多的分享格式,可以查看原网址。
转载于:https://www.cnblogs.com/LiChen19951127/p/10268348.html
h5怎么做分享到QQ 、朋友圈、微信 、微博等功能相关推荐
- PC端实现浏览器点击分享到QQ好友,空间,微信,微博等
网上现在比较流行的是JIaThis,但是测试的时候,不能分享给QQ好友,一直卡在输入验证码,以下代码亲测有效,可直接使用 <%@ page language="java" c ...
- android 做分享到朋友圈,android7.0实现分享图片到朋友圈功能
android7.0实现分享图片到朋友圈功能 发布时间:2020-08-29 00:46:50 来源:脚本之家 阅读:132 作者:十个雨点 本文实例为大家分享了android实现分享图片到朋友圈功能 ...
- 微信公众号开发中分享功能 分享微信朋友圈/微信好友
微信公众号中经常遇到的问题就是分享链接到微信朋友圈 微信好友一类的需求. 下边走一下需要操作的流程 1.首先再项目中(一般就放到自己的公共文件中引入即可,vue中引入到index.html中)引入微信 ...
- android类似QQ空间,微信朋友圈,微博主页源码
2019独角兽企业重金招聘Python工程师标准>>> 类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件,自动根据图片的数量确定图片大小和控件大小,使用Adapter模式设 ...
- 类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件
类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件,自动根据图片的数量确定图片大小和控件大小,使用Adapter模式设置图片,对外提供接口回调,使用接口加载图片,支持任意的图片加载框架,如 G ...
- 微信小程序/uniapp分享功能-代码封装与使用(分享好友或朋友圈-两种方式)
官方地址:分享 | uni-app官网 一.分享朋友圈-详见uni-app官方文档 注意:更多注意事项见uni-app文档 结果展示: 二.分享好友或者朋友圈-详见微信开放文档 先展示: 实现分享 ...
- android com.mylhyl,Android 高仿微信朋友圈拍照上传功能
模仿微信朋友圈发布动态,输入文字支持文字多少高度自增,有一个最小输入框高度,输入文字有限制,不过这些都很easy! 1. photopicker的使用 这是一个支持选择多张图片,点击图片放大,图片之间 ...
- 别在为朋友圈微信投票而烦恼:网络微信投票怎么刷票及微信投票怎么拉票都在花钱操作
别在为朋友圈微信投票而烦恼:网络微信投票怎么刷票及微信投票怎么拉票都在花钱操作,互联网时代的到来,让人们之间的交流更加便利,而在这一大背景之下,紧紧扼住"交互"咽喉的微信,自然也就 ...
- 时间处理(仿朋友圈、微博发布时间)
仿朋友圈.微博时间.png 微博时间.png 前言 我们有时候做项目从网络回调的时间数据并不是我们想要的类型,而是,这种格式的 Sat Dec 03 19:56:38 +0800 2016 ,而我们需 ...
- android 微信评论功能,Android仿微信朋友圈点赞和评论功能
最近在做朋友圈的项目,所以写一个Android仿朋友圈点赞和评论功能Demo,代码就是简单实现了一下功能,没有做优化,凑合看. 图文排列是用的RecyclerView实现的,弹窗效果是用的自定义的Po ...
最新文章
- java session验证码_利用session实现一次性验证码
- LeetCode周赛191
- ajax如何知道超时请求,如何发送ajax请求来检查会话超时并在grails中呈现relogin消息?...
- CoreLocation+MapKit系统定位(含坐标以及详细地址)
- REMOTE HOST IDENTIFICATION HAS CHANGED
- python中的文件处理_python学习——python中的文件处理
- 零基础应该先学习 java、php、前端 还是 python?
- 【数理逻辑四】谓词逻辑及形式系统 【中】
- TAS与CAS-用于锁的指令支持
- mysql 查询 本周 上周,Mysql查询本周,上周,本月,上月数据
- node.js毕业设计鲸落图书商城小程序LW(源码+程序+LW+部署)
- DBProxy快速入门教程
- Arranging Wine
- Turbo跨平台开源渲染引擎
- 信号量(Semaphore)、闭锁(Latch)、栅栏(Barrier)
- 虚拟主机服务器能干嘛用,虚拟主机能拿来干什么
- 2244小游戏HTML5小游戏,2244小游戏:王者荣耀干扰正常游戏扣多少分 举报不成功是什么意思...
- 分布式共识算法随笔 —— 从 Quorum 到 Paxos
- 数据库trunc的用法
- mysql LOCATE() 函数 模糊查询,类似like %%
热门文章
- XFTP要继续使用此程序,您必须应用最新的更新,解决方案~
- Codeforces 730A:Toda 2(multiset模拟)
- python的key函数_由 sort 中 key 的用法浅谈 python
- 编程中常见的各种符号英文名字
- 平安性格测试题及答案_平安人寿做性格测试怎么?
- 玩转华为ENSP模拟器系列 | 配置L3VdPdNd迭代SR-BE隧道示例
- [论文阅读] TGANet: Text-guided attention for improved polyp segmentation
- Unity Shader - Specular mode: Specular parameter 高光模式中的高光参数
- 和腾讯大牛的技术面谈,面试总结
- css3水墨遮罩,CSS3水墨风格带音乐动画图特效