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的构造函数和constructor属性
Jan 09 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
DWZ刷新dialog解决方法
Mar 03 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
jquery Ajax 全局调用封装实例详解
Jan 16 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
Oct 23 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
详解使用angular框架离线你的应用(pwa指南)
Jan 31 Javascript
vue中h5端打开app(判断是安卓还是苹果)
Feb 26 Vue.js
JavaScript获取URL参数的方法分享
Apr 07 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获取文件大小的方法
2014/02/26 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
基于JQuery的一句代码实现表格的简单筛选
2010/07/26 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
循环 vs 递归浅谈
2013/02/28 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
2014/03/22 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
两种JS实现屏蔽鼠标右键的方法
2020/08/20 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
vue使用echarts画组织结构图
2021/02/06 Vue.js
Python with的用法
2014/08/22 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
基于pandas将类别属性转化为数值属性的方法
2018/07/25 Python
Python多进程与服务器并发原理及用法实例分析
2018/08/21 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
Python新手学习装饰器
2020/06/04 Python
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
几个Shell Script面试题
2014/04/18 面试题
日语系毕业生推荐信
2013/11/11 职场文书
好人好事事迹材料
2014/02/12 职场文书
环保倡议书怎么写
2014/05/16 职场文书
公司周年庆活动方案
2014/08/25 职场文书
汉字听写大会观后感
2015/06/12 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
创业计划书之寿司
2019/07/19 职场文书