微信分享

wx.config({

            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

            appId: json.data.appId, // 必填,公众号的唯一标识

            timestamp: json.data.timestamp, // 必填,生成签名的时间戳

            nonceStr: json.data.noncestr, // 必填,生成签名的随机串

            signature: json.data.signature, // 必填,签名,见附录1

            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'chooseWXPay'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

          });
          wx.ready(function() {
            _this.share_switch = true
            // 分享给朋友
            wx.onMenuShareAppMessage({

              title: '点击领取优惠码', // 分享标题

              desc: '移动办公便捷办公场所,随时随地随心所欲,走到哪办到哪!666', // 分享描述

              link: 'http://www.grandvisual.com.cn/dist/?coupon_id=' + coupon_id + '#/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

              imgUrl: 'http://owgcfd2m6.bkt.clouddn.com/video_1.jpg', // 分享图标

              type: 'link', // 分享类型,music、video或link,不填默认为link

              dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

              success: () => {
                // 分享成功
                _this.share_status = true
              },
              cancel: function() {
                alert('取消分享')
              }
            });


            // 分享到朋友圈
            wx.onMenuShareTimeline({

              title: '点击领取优惠码', // 分享标题

              desc: '移动办公便捷办公场所,随时随地随心所欲,走到哪办到哪!666', // 分享描述

              link: 'http://www.grandvisual.com.cn/dist/?coupon_id=' + coupon_id + '#/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

              imgUrl: 'http://owgcfd2m6.bkt.clouddn.com/video_1.jpg', // 分享图标

              type: 'link', // 分享类型,music、video或link,不填默认为link

              dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

              success: function() {
                _this.share_status = true
              },
              cancel: function() {
                alert('取消分享')
              }

            });


            // 分享到QQ
            wx.onMenuShareQQ({

              title: '点击领取优惠码', // 分享标题

              desc: '移动办公便捷办公场所,随时随地随心所欲,走到哪办到哪!666', // 分享描述

              link: 'http://www.grandvisual.com.cn/dist/?coupon_id=' + coupon_id + '#/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

              imgUrl: 'http://owgcfd2m6.bkt.clouddn.com/video_1.jpg', // 分享图标

              type: 'link', // 分享类型,music、video或link,不填默认为link

              dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

              success: function() {
                _this.share_status = true
              },
              cancel: function() {
                alert('取消分享')
              }

            });

            // 分享到腾讯微博
            wx.onMenuShareWeibo({

              title: '点击领取优惠码', // 分享标题

              desc: '移动办公便捷办公场所,随时随地随心所欲,走到哪办到哪!666', // 分享描述

              link: 'http://www.grandvisual.com.cn/dist/?coupon_id=' + coupon_id + '#/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

              imgUrl: 'http://owgcfd2m6.bkt.clouddn.com/video_1.jpg', // 分享图标

              type: 'link', // 分享类型,music、video或link,不填默认为link

              dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

              success: function() {
                _this.share_status = true
              },
              cancel: function() {
                alert('取消分享')
              }

            });

            //分享到QQ空间
            wx.onMenuShareQZone({

              title: '点击领取优惠码', // 分享标题

              desc: '移动办公便捷办公场所,随时随地随心所欲,走到哪办到哪!666', // 分享描述

              link: 'http://www.grandvisual.com.cn/dist/?coupon_id=' + coupon_id + '#/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

              imgUrl: 'http://owgcfd2m6.bkt.clouddn.com/video_1.jpg', // 分享图标

              type: 'link', // 分享类型,music、video或link,不填默认为link

              dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

              success: function() {
                _this.share_status = true
              },
              cancel: function() {
                alert('取消分享')
              }

            });
          })

          wx.error(function(res) {
            _this.open_popup('微信配置失败,请刷新重试')
            _this.share_text = '微信配置失败,请刷新重试'
            // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
            alert('err = ' + JSON.stringify(res))
          });


你可能感兴趣的:(web)