Javascript 实现微信分享(QQ、朋友圈、分享给朋友)

 更新时间:2016年10月21日 14:58:34   投稿:lqh  
这篇文章主要介绍了Javascript 实现微信分享(QQ、朋友圈、分享给朋友)的相关资料,需要的朋友可以参考下

        最近做微信开发,对微信公众号的开发,现在好的都是分享到朋友圈,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 () { 
            // 用户取消分享后执行的回调函数
          }
        });
      }

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • 微信小程序-form表单提交代码实例

    微信小程序-form表单提交代码实例

    这篇文章主要介绍了微信小程序-form表单提交,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • ES6初步了解原始数据类型Symbol的用法

    ES6初步了解原始数据类型Symbol的用法

    ES6中为我们新增了一个原始数据类型Symbol,大家是否知道Symbol可以作用在哪?用来定义对象的私有变量如何写入对象,本文对ES6 Symbol的用法介绍的非常详细,需要的朋友参考下吧
    2023-10-10
  • JS如何监听div的resize事件详解

    JS如何监听div的resize事件详解

    这篇文章主要给大家介绍了关于JS如何监听div的resize事件的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • js 获取时间间隔实现代码

    js 获取时间间隔实现代码

    获取时间间隔在日常使用还是比价频繁的,下面是具体的实现代码,需要的朋友可以参考下
    2014-05-05
  • 原生js实现下拉选项卡

    原生js实现下拉选项卡

    这篇文章主要为大家详细介绍了原生js实现下拉选项卡,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 使用JavaScript进行进制转换将字符串转换为十进制

    使用JavaScript进行进制转换将字符串转换为十进制

    JS 是一个很神奇的语言,可以将任意进制字符串转换为十进制,如二进制,八进制,十六进制, 第二数数不写即为最常用的转换为整型十进制
    2014-09-09
  • 详解如何在微信小程序开发中正确的使用vant ui组件

    详解如何在微信小程序开发中正确的使用vant ui组件

    这篇文章主要介绍了详解如何在微信小程序开发中正确的使用vant ui组件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 详解ES6中的 Set Map 数据结构学习总结

    详解ES6中的 Set Map 数据结构学习总结

    这篇文章主要介绍了详解ES6中的 Set Map 数据结构学习总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 微信小程序swiper使用网络图片不显示问题解决

    微信小程序swiper使用网络图片不显示问题解决

    这篇文章主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • JavaScript中对于SPA单页面的理解

    JavaScript中对于SPA单页面的理解

    这篇文章主要介绍了JavaScript中对于SPA单页面的理解,单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互
    2023-02-02

最新评论