美文网首页
H5页面及店铺分享带图简介

H5页面及店铺分享带图简介

作者: shine001 | 来源:发表于2022-10-08 14:39 被阅读0次
    
       // 初始化微信config
                async wxInit() {
                try {
                    console.log("授权地址", location.href);
    
                    //这里单独提出来
                    let data = await get_goods_share({
                    goods_url: location.href,
                    goods_id: this.$route.query.id
                    });
                    wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                    appId: data.appId, // 必填,公众号的唯一标识
                    timestamp: data.timestamp, // 必填,生成签名的时间戳
                    nonceStr: data.nonceStr, // 必填,生成签名的随机串
                    signature: data.signature, // 必填,签名
                    rawString: data.rawString,
                    jsApiList: ["updateAppMessageShareData", "onMenuShareAppMessage"] // 必填,需要使用的JS接口列表
                    });
                } catch (err) {}
                },
                //分享店铺接口
                async sharegoods() {
                try {
                    wx.ready(() => {
                    //需在用户可能点击分享按钮前就先调用
                    let shareimg=this.gshop_qrcode
                    wx.onMenuShareAppMessage({
                        title: this.title, // 分享标题
                        desc: "快来看看我给你分享的店铺:" + this.title + '总有一款商品适合你', // 分享描述
                        link: location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: shareimg, // 分享图标
                        success: function(res) {
                        console.log("updateTimelineShareData:ok", res);
                        // 设置成功
                        }
                    });
                    });
                } catch (err) {
                    console.log('分享失败了','err');
                }
                },  
    

    别忘记引入:
    import wx from "weixin-js-sdk";

    相关文章

      网友评论

          本文标题:H5页面及店铺分享带图简介

          本文链接:https://www.haomeiwen.com/subject/soxwartx.html