微信公众号分享

系统管理员 2023-01-08 11:29 129阅读 0赞

微信公众号分享：

async initShare () {
            if (isWeChat()) {
              let url = `${window.location.protocol}//${window.location.host}${this.$route.fullPath}`
              const userId = CacheUtil.fetchFromLocal('kj_uid')
              if (userId) {
                url = url + (url.indexOf('?') > 0 ? `&mid=${userId}` : `?mid=${userId}`)
              }
              const imgUrl = this.ggPopup.selImage ? this.ggPopup.selImage : `${window.location.protocol}//${window.location.host}${Config.commonShareImg}`
              const title = this.goodsBase.goods.name ? this.goodsBase.goods.name : Config.commonShareTitle
              const desc = this.ggPopup.selSpec ? this.ggPopup.selSpec : Config.commonShareDesc
              const res = await queryWeChatSDKParams(window.location.href)  // 全路径链接
              if (res.data.code === 200) {
                let data = res.data.data.package
                let wx = window.wx
                wx.config({
                  debug: false,
                  appId: data.appId,
                  timestamp: data.timestamp,
                  nonceStr: data.nonceStr,
                  signature: data.signature,
                  jsApiList: [
                    'checkJsApi',
                    'updateAppMessageShareData',
                    'updateTimelineShareData'
                  ]
                })
                wx.ready(_ => {
                  wx.updateAppMessageShareData({
                    link: url, // 跳转链接
                    title: title, // 标题
                    desc: desc, // 描述
                    imgUrl: imgUrl, // 图片
                    success: function () {
                      // 设置成功
                    }
                  })
                  wx.updateTimelineShareData({
                    link: url,
                    title: title,
                    desc: desc,
                    imgUrl: imgUrl,
                    success: function () {
                      // 设置成功
                    }
                  })
                  wx.error(function (res) {})
                })
              }
            }
          }

注意配置：

1、添加j s安全域名和业务访问域名

2、添加IP访问白名单