uniapp 微信分享和浏览器分享

1 先安装 jweixin-module
npm install jweixin-module --save

2 分享方法

// 公众号分享
            wxjssdks() {
                let tit = ‘你的标题’;
                let desc = ‘描述’
                let images = ‘utl图片路径’;
                var surl = encodeURIComponent(window.location.href.split('#')[0]);
                const _this = this;
                const wx = require('jweixin-module');//可以在本方法中引用
                let obj = {
                    url: surl//后台必须解码
                }
                let linkUrl = "https://wd.com/?id=" + this.id + "&type=" + this
                    .type;
                this.$request.htInterface(obj).then(res => {
                    var Data = res.data;
                    console.log(Data, '---------返回的值')
                    wx.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 
                        appId: Data.appId, // 必填,公众号的唯一标识  由接口返回
                        timestamp: Data.timestamp, // 必填,生成签名的时间戳 由接口返回
                        nonceStr: Data.nonceStr, // 必填,生成签名的随机串 由接口返回
                        signature: Data.signature, // 必填,签名 由接口返回
                        //需要分享的列表项:发送给朋友,分享到朋友圈,分享到QQ,分享到QQ空间
                        jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"]
                    });
                    if (res.status == 400) {
                        //处理验证成功的信息
                        wx.ready(function() {
                            //处理验证失败的信息
                            wx.error(function(err) {
                                console.log(err, '=============报错值')
                            });

                            //分享到朋友圈
                            wx.updateTimelineShareData({
                                title: tit, // 分享标题
                                desc: desc,
                                link: linkUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: images[0], // 分享图标
                                success: function(res) {
                                    // 用户确认分享后执行的回调函数
                                }
                            });
                            //分享给朋友
                            wx.updateAppMessageShareData({
                                title: tit, // 分享标题
                                desc: desc,
                                link: linkUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: images[0], // 分享图标
                                type: "", // 分享类型,music、video或link,不填默认为link
                                dataUrl: "", // 如果type是music或video,则要提供数据链接,默认为空
                                success: function(res) {
                                    // 用户确认分享后执行的回调函数
                                }
                            });
                        });
                    }
                }).catch(error => {
                    console.log(error)
                })
            },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值