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 相关文章推荐
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
js中substring和substr的定义和用法
May 05 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
JQuery.Ajax()的data参数类型实例详解
Nov 20 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
js实现表格筛选功能
Jan 18 Javascript
bootstrap css样式之表单
Jan 19 Javascript
使用Node搭建reactSSR服务端渲染架构
Aug 30 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
原生javascript如何实现共享onload事件
Jul 03 Javascript
Vue如何实现变量表达式选择器
Feb 18 Vue.js
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
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
PHP设计模式之注册树模式分析
2018/01/26 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
PHP实现计算器小功能
2020/08/28 PHP
保证JavaScript和Asp、Php等后端程序间传值编码统一
2009/04/17 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
js 中 document.createEvent的用法
2010/08/29 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
Vue项目中跨域问题解决方案
2018/06/05 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
vue滚动tab跟随切换效果
2020/06/29 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
python3.X 抓取火车票信息【修正版】
2018/06/19 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
python绘制规则网络图形实例
2019/12/09 Python
python 实现让字典的value 成为列表
2019/12/16 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
自荐信的五个重要部分
2013/10/29 职场文书
小学体育教学反思
2014/01/31 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
拔河比赛口号
2014/06/10 职场文书
工作证明格式及范本
2014/09/12 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
暑假安全保证书
2015/02/28 职场文书
行政前台岗位职责
2015/04/16 职场文书
golang 实现并发求和
2021/05/08 Golang
vue实力踩坑之push当前页无效
2022/04/10 Vue.js