React项目中加入微信分享

第一步: 导入weixin-js-sdk,先安装导入就行
第二步: 获取数据,拿到appId,timestamp,nonceStr,signature(必填,很重要,后端那配置好获取接口就行)
第三步: wx.config中配置这几个参数,拿到数据后填入.
第四步: we.ready中配置标题,描述,链接
使用：

 await wxshareApi({ url: window.location.href }).then((res) => {

      if (res.status === 200) {

        data = JSON.parse(res.success)

        wx.config({

          debug: false, 生产环境需要关闭debug模式

          appId: data.appId, //appId通过微信服务号后台查看

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

          nonceStr: data.nonceStr, //生成签名的随机字符串

          signature: data.signature, //签名

          jsApiList: [

            'checkJsApi',

            'onMenuShareTimeline',

            'onMenuShareAppMessage',

            'onMenuShareQQ',

            'onMenuShareQZone',

            'updateAppMessageShareData',

            'updateTimelineShareData'

          ],

        })

        let { shareData } = this.state

        wx.ready(function () {

          wx.onMenuShareTimeline(shareData)

          wx.onMenuShareAppMessage(shareData)

          wx.onMenuShareQQ(shareData)

          wx.onMenuShareQZone(shareData)

          wx.updateAppMessageShareData(shareData) // 分享别人

          wx.updateTimelineShareData(shareData) // 分享朋友圈

        })

        wx.error(function (res) {})

      }

    })