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下申明对象的几种方法小结
Oct 02 Javascript
parentElement,srcElement的使用小结
Jan 13 Javascript
jQuery的one()方法用法实例
Jan 19 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
js return返回多个值,通过对象的属性访问方法
Feb 21 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
Feb 13 Javascript
vue权限问题的完美解决方案
May 08 Javascript
原生JS使用Canvas实现拖拽式绘图功能
Jun 05 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
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
关于时间计算的结总
2006/12/06 PHP
php生成静态页面的简单示例
2014/04/17 PHP
Smarty模板引擎缓存机制详解
2016/05/23 PHP
php解决安全问题的方法实例
2019/09/19 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
js性能优化技巧
2015/11/29 Javascript
全面了解js中的script标签
2016/07/04 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
2016/11/23 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
Vue如何实现监听组件原生事件
2020/07/03 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
2020/11/16 Javascript
[00:09]DOTA2新版本PA至宝特效动作展示
2014/11/19 DOTA
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
使用Python编写一个模仿CPU工作的程序
2015/04/16 Python
Python 中的lambda函数介绍
2018/10/10 Python
Python3中列表list合并的四种方法
2019/04/19 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
自荐信怎么写呢?
2013/12/09 职场文书
个人简历自我评价范文
2014/02/04 职场文书
办公室主任职责范本
2014/03/07 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
医学求职自荐信
2014/06/21 职场文书
停车位租赁协议书
2014/09/24 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
升学宴学生答谢词
2015/01/05 职场文书