微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到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 、朋友圈、微信 、微博等功能相关推荐

  1. PC端实现浏览器点击分享到QQ好友,空间,微信,微博等

    网上现在比较流行的是JIaThis,但是测试的时候,不能分享给QQ好友,一直卡在输入验证码,以下代码亲测有效,可直接使用 <%@ page language="java" c ...

  2. android 做分享到朋友圈,android7.0实现分享图片到朋友圈功能

    android7.0实现分享图片到朋友圈功能 发布时间:2020-08-29 00:46:50 来源:脚本之家 阅读:132 作者:十个雨点 本文实例为大家分享了android实现分享图片到朋友圈功能 ...

  3. 微信公众号开发中分享功能 分享微信朋友圈/微信好友

    微信公众号中经常遇到的问题就是分享链接到微信朋友圈 微信好友一类的需求. 下边走一下需要操作的流程 1.首先再项目中(一般就放到自己的公共文件中引入即可,vue中引入到index.html中)引入微信 ...

  4. android类似QQ空间,微信朋友圈,微博主页源码

    2019独角兽企业重金招聘Python工程师标准>>> 类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件,自动根据图片的数量确定图片大小和控件大小,使用Adapter模式设 ...

  5. 类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件

    类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件,自动根据图片的数量确定图片大小和控件大小,使用Adapter模式设置图片,对外提供接口回调,使用接口加载图片,支持任意的图片加载框架,如 G ...

  6. 微信小程序/uniapp分享功能-代码封装与使用(分享好友或朋友圈-两种方式)

    官方地址:分享 | uni-app官网 一.分享朋友圈-详见uni-app官方文档 注意:更多注意事项见uni-app文档  结果展示: 二.分享好友或者朋友圈-详见微信开放文档 先展示:  实现分享 ...

  7. android com.mylhyl,Android 高仿微信朋友圈拍照上传功能

    模仿微信朋友圈发布动态,输入文字支持文字多少高度自增,有一个最小输入框高度,输入文字有限制,不过这些都很easy! 1. photopicker的使用 这是一个支持选择多张图片,点击图片放大,图片之间 ...

  8. 别在为朋友圈微信投票而烦恼:网络微信投票怎么刷票及微信投票怎么拉票都在花钱操作

    别在为朋友圈微信投票而烦恼:网络微信投票怎么刷票及微信投票怎么拉票都在花钱操作,互联网时代的到来,让人们之间的交流更加便利,而在这一大背景之下,紧紧扼住"交互"咽喉的微信,自然也就 ...

  9. 时间处理(仿朋友圈、微博发布时间)

    仿朋友圈.微博时间.png 微博时间.png 前言 我们有时候做项目从网络回调的时间数据并不是我们想要的类型,而是,这种格式的 Sat Dec 03 19:56:38 +0800 2016 ,而我们需 ...

  10. android 微信评论功能,Android仿微信朋友圈点赞和评论功能

    最近在做朋友圈的项目,所以写一个Android仿朋友圈点赞和评论功能Demo,代码就是简单实现了一下功能,没有做优化,凑合看. 图文排列是用的RecyclerView实现的,弹窗效果是用的自定义的Po ...

最新文章

  1. java session验证码_利用session实现一次性验证码
  2. LeetCode周赛191
  3. ajax如何知道超时请求,如何发送ajax请求来检查会话超时并在grails中呈现relogin消息?...
  4. CoreLocation+MapKit系统定位(含坐标以及详细地址)
  5. REMOTE HOST IDENTIFICATION HAS CHANGED
  6. python中的文件处理_python学习——python中的文件处理
  7. 零基础应该先学习 java、php、前端 还是 python?
  8. 【数理逻辑四】谓词逻辑及形式系统 【中】
  9. TAS与CAS-用于锁的指令支持
  10. mysql 查询 本周 上周,Mysql查询本周,上周,本月,上月数据
  11. node.js毕业设计鲸落图书商城小程序LW(源码+程序+LW+部署)
  12. DBProxy快速入门教程
  13. Arranging Wine
  14. Turbo跨平台开源渲染引擎
  15. 信号量(Semaphore)、闭锁(Latch)、栅栏(Barrier)
  16. 虚拟主机服务器能干嘛用,虚拟主机能拿来干什么
  17. 2244小游戏HTML5小游戏,2244小游戏:王者荣耀干扰正常游戏扣多少分 举报不成功是什么意思...
  18. 分布式共识算法随笔 —— 从 Quorum 到 Paxos
  19. 数据库trunc的用法
  20. mysql LOCATE() 函数 模糊查询,类似like %%

热门文章

  1. XFTP要继续使用此程序,您必须应用最新的更新,解决方案~
  2. Codeforces 730A:Toda 2(multiset模拟)
  3. python的key函数_由 sort 中 key 的用法浅谈 python
  4. 编程中常见的各种符号英文名字
  5. 平安性格测试题及答案_平安人寿做性格测试怎么?
  6. 玩转华为ENSP模拟器系列 | 配置L3VdPdNd迭代SR-BE隧道示例
  7. [论文阅读] TGANet: Text-guided attention for improved polyp segmentation
  8. Unity Shader - Specular mode: Specular parameter 高光模式中的高光参数
  9. 和腾讯大牛的技术面谈,面试总结
  10. css3水墨遮罩,CSS3水墨风格带音乐动画图特效