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 相关文章推荐
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
Mar 04 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
探讨JavaScript语句的执行过程
Jan 28 Javascript
JavaScript事件学习小结(三)js事件对象
Jun 09 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
Nov 09 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
微信小程序支付之c#后台实现方法
Oct 19 Javascript
vue.js在标签属性中插入变量参数的方法
Mar 06 Javascript
浅谈VUE单页应用首屏加载速度优化方案
Aug 28 Javascript
Electron-vue脚手架改造vue项目的方法
Oct 22 Javascript
webpack是如何实现模块化加载的方法
Nov 06 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新建文件自动编号的思路与实现
2011/06/27 PHP
php中比较简单的导入phpmyadmin生成的sql文件的方法
2011/06/28 PHP
php分页代码学习示例分享
2014/02/20 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
Prototype Date对象 学习
2009/07/12 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
javascript中href和replace的比较(详解)
2016/11/25 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
2018/11/09 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
浅谈python字符串方法的简单使用
2016/07/18 Python
Python实现Dijkstra算法
2018/10/17 Python
python利用dlib获取人脸的68个landmark
2019/11/27 Python
Python3 Tensorlfow:增加或者减小矩阵维度的实现
2020/05/22 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
英国皇室御用百货:福南梅森(Fortnum & Mason)
2017/12/03 全球购物
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
经典优秀个人求职信分享
2013/12/12 职场文书
海南地接欢迎词
2014/01/14 职场文书
八年级数学教学反思
2014/01/31 职场文书
《维生素c的故事》教学反思
2014/02/18 职场文书
文明市民先进事迹
2014/05/15 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
安全目标责任书
2014/07/22 职场文书
领导班子党的群众路线对照检查材料
2014/09/25 职场文书
公司员工安全协议书
2014/11/21 职场文书
工人先锋号申报材料
2014/12/29 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
python使用openpyxl库读写Excel表格的方法(增删改查操作)
2021/05/02 Python