Javascript 实现微信分享(QQ、朋友圈、分享给朋友)


Posted in Javascript onOctober 21, 2016

        最近做微信开发,对微信公众号的开发,现在好的都是分享到朋友圈,QQ,分享给好友等分享功能,这里记录下,有需要的朋友也可以看下。

// 微信分享
      var wx = require('wechat-sdk');
      rewardsResultService.getWechatInfo().then(function(data) {
        var conf = data;
        wx.config({
         debug: false,
         appId: 'wx34e783920b37ee91',
         timestamp: conf.timestamp,
         nonceStr: conf.noncestr,
         signature: conf.signature,
         jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline','onMenuShareQQ']
        });
        configWeChatInterface();
      });

      var iconUrl = 'http://'+location.host+'/images/icon-200yuan.png';
      function configWeChatInterface() {
        //分享给朋友
        wx.onMenuShareAppMessage({
         title: '一言不合就发红包,金蛛送您200元红包!',
         desc: '一言不合就发红包,金蛛送您200元红包!',
         link: location.href,
         imgUrl: iconUrl,
         type: 'link',
         success: function() {
           // alert('share success');
         },
         cancel: function() {

         }
        });
        //分享到朋友圈
        wx.onMenuShareTimeline({
         title: '一言不合就发红包,金蛛送您200元红包!',
         link: location.href, // 分享链接
         imgUrl: iconUrl
        });
        //分享到QQ
        wx.onMenuShareQQ({
          title: '一言不合就发红包,金蛛送您200元红包!', // 分享标题
          desc: '一言不合就发红包,金蛛送您200元红包!', // 分享描述
          link: location.href, // 分享链接
          imgUrl: iconUrl, // 分享图标
          success: function () { 
            // 用户确认分享后执行的回调函数
          },
          cancel: function () { 
            // 用户取消分享后执行的回调函数
          }
        });
      }

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript中获取选中对象的类型
Apr 02 Javascript
收藏Javascript中常用的55个经典技巧
Aug 12 Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
SeaJS 与 RequireJS 的差异对比
Dec 08 Javascript
不同编码的页面表单数据乱码问题解决方法
Feb 15 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
js中Object.defineProperty()方法的不详解
Jul 09 Javascript
Angularjs实现数组随机排序的方法
Oct 02 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 Javascript
Bootstrap如何创建表单
Oct 21 #Javascript
bootstrap table小案例
Oct 21 #Javascript
jquery+Jscex打造游戏力度条
Sep 12 #Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 #Javascript
node.js学习之base64编码解码
Oct 21 #Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 #Javascript
利用Node.JS实现邮件发送功能
Oct 21 #Javascript
You might like
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
php存储过程调用实例代码
2013/02/03 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
vue 路由页面之间实现用手指进行滑动的方法
2018/02/23 Javascript
vue router 配置路由的方法
2018/07/26 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
json跨域调用python的方法详解
2017/01/11 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
Django Rest framework认证组件详细用法
2019/07/25 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
如何理解transaction事务的概念
2015/05/27 面试题
大学生毕业自我评价范文分享
2013/11/07 职场文书
《蒲公英》教学反思
2014/02/28 职场文书
机房搬迁方案
2014/05/01 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
2014年小学教师工作自我评价
2014/09/22 职场文书
加强作风建设工作总结
2014/10/23 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
小学班主任自我评价
2015/03/11 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
员工手册董事长致辞
2015/07/29 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
Java基础-封装和继承
2021/07/02 Java/Android
使用Java去实现超市会员管理系统
2022/03/18 Java/Android
Java无向树分析 实现最小高度树
2022/04/09 Javascript
最新动漫情报:2022年7月新番定档超过30部, OVERLORD骨王第四季也在其中噢
2022/05/04 日漫