当前位置: 首页 > 编程笔记 >

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

贝研
2023-03-14
本文向大家介绍Javascript 实现微信分享(QQ、朋友圈、分享给朋友),包括了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 () { 
            // 用户取消分享后执行的回调函数
          }
        });
      }

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

 类似资料:
  • 本文向大家介绍android7.0实现分享图片到朋友圈功能,包括了android7.0实现分享图片到朋友圈功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了android实现分享图片到朋友圈功能的具体代码,供大家参考,具体内容如下 在Android7.0中,系统对scheme为file://的uri进行了限制,所以通过这种uri来进行分享的一些接口就不能用了,比如使用代码来调用分享

  • 本文向大家介绍android实现多图文分享朋友圈功能,包括了android实现多图文分享朋友圈功能的使用技巧和注意事项,需要的朋友参考一下 很多安卓程序员都在寻找如何调用系统分享可以实现朋友圈多图加文字分享的功能,小编经过测试入坑后,为你整理以下内容: 其中最关键的就是: 文字部分一直分享失败,搞了很久都分享失败后来才发现是需要加上这一句了·····坑! 原来Kdescription是微信描述信息

  • 本文向大家介绍H5页面在微信中如何禁止分享给好友和朋友圈?相关面试题,主要包含被问及H5页面在微信中如何禁止分享给好友和朋友圈?时的应答技巧和注意事项,需要的朋友参考一下 利用JSBridge实现调用微信提供的一些原生功能,可以通过调用隐藏操作菜单来实现禁用分享。 代码如下: document.addEventListener('WeixinJSBridgeReady', function onB

  • 微信小程序怎么通过方法去手动调用分享朋友圈或者分享到微信? 而不是通过直接在右上角点击三个点,点击三个点我知道只要在page里面的对应的onShareAppMessage和onShareTimeline配置对应的方法就好了, 我的意思是如何让用户点击页面的按钮的时候让他手动拉起来弹窗,像点击右上角三个点一样

  • 本文向大家介绍我也有微信朋友圈了 Android实现,包括了我也有微信朋友圈了 Android实现的使用技巧和注意事项,需要的朋友参考一下 本文实例分享了一个简单的朋友圈程序,包含了朋友圈的列表实现,视频的录制、预览与上传,图片可选择拍照,供大家参考,具体内容如下 FriendsListActivity  代码如下 布局文件 friends_list.xml 适配器 InteractionAdap

  • 本文向大家介绍微信小程序通过保存图片分享到朋友圈功能,包括了微信小程序通过保存图片分享到朋友圈功能的使用技巧和注意事项,需要的朋友参考一下 说明 首先说明一点,小程序内是不能直接分享到朋友圈的。所以只能通过生成图片,携带小程序二维码,保存到手机相册,让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。参考市面上支持分享的应用,基本都是这种实现方式。 准备阶段 1.通过