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 相关文章推荐
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
Nov 30 Javascript
JS 弹出层 定位至屏幕居中示例
May 21 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
Sep 20 Javascript
基于原生js淡入淡出函数封装(兼容IE)
Oct 20 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
JS实现简单表格排序操作示例
Oct 07 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
Jul 10 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
JavaScript中ES6规范中let和const的用法和区别
Aug 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修改上传图片尺寸的方法
2015/04/14 PHP
简单谈谈favicon
2015/06/10 PHP
phalcon框架使用指南
2016/02/23 PHP
PHP插件PHPMailer发送邮件功能
2017/02/28 PHP
PHP图片水印类的封装
2017/07/06 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
jquery Mobile入门—外部链接切换示例代码
2013/01/08 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
jQuery中ajax获取数据赋值给页面的实例
2017/12/31 jQuery
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
教你使用python画一朵花送女朋友
2018/03/29 Python
python组合无重复三位数的实例
2018/11/13 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
python如何基于redis实现ip代理池
2020/01/17 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
家得宝加拿大家装网上商店:The Home Depot加拿大
2016/08/27 全球购物
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
党员个人对照检查材料
2014/10/01 职场文书
街道务虚会发言材料
2014/10/20 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书
Python中itertools库的四个函数介绍
2022/04/06 Python