記錄一次開發(fā)微信網(wǎng)頁分享的步驟

// 用戶授權(quán)
 if (this.$route.query.from) {
   // 跳轉(zhuǎn)微信頁面
    let _nowUrl = window.location.href.split("?")[0] +`?pictureId=${this.$route.query.pictureId}`; // 參數(shù)拼接
    let _shareUrl = `https://open.weixin.qq.com/connect/oauth3/authorize?appid=微信公眾號(hào)APPID&redirect_uri=${encodeURIComponent(_nowUrl)}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;
    window.location.href = _shareUrl; // 重定向到這個(gè)定義的URL
  }
  // 通過code獲取用戶信息
  if (this.$route.query.code) {
   let _code = this.$route.query.code;
   this.handleWechatMsg(_code);
  }

// 分享給朋友或朋友圈
  wxChatShare(param) {
   var that = this;
   let _url = encodeURIComponent(param.url);
   apiUrl.wechatConfig(_url).then(res => {
     if (res.data.code == 200) {
       wx.config({
        debug: false,
        appId: res.data.content.appid,
        timestamp: res.data.content.timestamp, // 必填，生成簽名的時(shí)間戳
        nonceStr: res.data.content.nonceStr, // 必填，生成簽名的隨機(jī)串
        signature: res.data.content.signature, // 必填，簽名
        jsApiList: [
         "onMenuShareTimeline",
         "onMenuShareAppMessage"
         // "updateAppMessageShareData",
         // "updateTimelineShareData"
        ]
       });
       // wx.ready(function() {
       //分享到朋友圈
       wx.onMenuShareTimeline({
        title: param.title, // 分享標(biāo)題
        link: param.link, // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對(duì)應(yīng)的公眾號(hào)JS安全域名一致
        imgUrl: param.imgUrl, // 分享圖標(biāo)
        success: function() {
         // 用戶點(diǎn)擊了分享后執(zhí)行的回調(diào)函數(shù)
         that.$Message.message("分享成功!");
         that.toRouter();
        }
       });
       //分享到好友
       wx.onMenuShareAppMessage({
        title: param.title, // 分享標(biāo)題
        desc: param.desc, // 分享描述
        link: param.link, // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對(duì)應(yīng)的公眾號(hào)JS安全域名一致
        imgUrl: param.imgUrl, // 分享圖標(biāo)
        type: param.type, // 分享類型,music、video或link，不填默認(rèn)為link
        dataUrl: param.dataUrl, // 如果type是music或video，則要提供數(shù)據(jù)鏈接，默認(rèn)為空
        success: function() {
         // 用戶點(diǎn)擊了分享后執(zhí)行的回調(diào)函數(shù)
         that.$Message.message("分享成功!");
         that.toRouter();
        }
       });

       // wx.updateTimelineShareData({
       //  title: param.title, // 分享標(biāo)題
       //  link: param.link, // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對(duì)應(yīng)的公眾號(hào)JS安全域名一致
       //  imgUrl: param.imgUrl, // 分享圖標(biāo)
       //  success: function(res) {
       //   // 設(shè)置成功
       //   that.$Message.message("設(shè)置成功!");
       //   that.toRouter();
       //  }
       // });

       // //分享給朋友
       // wx.updateAppMessageShareData({
       //  title: param.title, // 分享標(biāo)題
       //  desc: param.desc, // 分享描述
       //  link: param.link, // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對(duì)應(yīng)的公眾號(hào)JS安全域名一致
       //  imgUrl: param.imgUrl, // 分享圖標(biāo)
       //  success: function(res) {
       //   // 設(shè)置成功
       //   that.$Message.message("設(shè)置成功!");
       //   that.toRouter();
       //  }
       // });
       // });
       wx.error(function(res) {
        console.log("驗(yàn)證失敗返回的信息:", res);
       });
     } else {
      console.log(res.data.message);
     }
    })
    .catch(err => {
     this.$Message.message(error);
    });
  },