微信实现分享功能

212 阅读1分钟
import wx from 'weixin-js-sdk'
import axios from '../axios'

export default {
  shareInit: function (url, title, desc, imgUrl) {
    let wxUrl = 'https://anlaa.com/wx/jsConfig?url=' + encodeURIComponent(url)
    axios.get(wxUrl).then(res => {
      console.log(res)
      wx.config({
        debug: false,
        appId: res.data.appid,
        timestamp: res.data.timestamp,
        nonceStr: res.data.nonce,
        signature: res.data.signature,
        jsApiList: [
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'updateAppMessageShareData',
          'updateTimelineShareData'
        ]
      })
      console.log(res.data.url)
      let shareData = {
        title,
        desc,
        link: res.data.url,
        imgUrl,
        success: function (res) {
          console.log('已分享')
        },
        cancel: function (res) {
          console.log('已取消')
        },
        fail: function (res) {
          console.log(JSON.stringify(res))
        }
      }

      wx.ready(function () {
        // 分享好友
        wx.updateTimelineShareData(shareData)
        // 分享朋友圈
        wx.updateAppMessageShareData(shareData)
      })
    })
  }
}
let title = '企业员工福利 | 9.9元秒杀专区'
let desc = '特价商品不断增加中.....'
let imgUrl = 'https://i.postimg.cc/VrRF74hz/99icon.png'

this.$shareUtil.shareInit(url, title, desc, imgUrl)