解決微信二次分享bug

adie 發布于2019-08-22 13:51 / 694人閱讀

摘要：對于用戶觸發時才調用的接口，則可以直接調用，不需要放在函數中。

微信分享網頁后，再次點擊微信分享的內部會自動在網址后拼接&from=來源，導致二次分享的圖案文案失效，解決辦法:

        function getQueryString(name) {//根據字段看網址是否拼接&字符串
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
          var r = window.location.search.substr(1).match(reg);
          if (r != null)
              return unescape(r[2]);
          return null;
        }
        var from = getQueryString("from");
        var appinstall = getQueryString("appinstall");
        var sec = getQueryString("sec");
        var timekey = getQueryString("timekey");
      
        if(from || appinstall || sec || timekey){//假如拼接上了
            window.location.href =重置網址
        }

在需要分享的網頁里寫入微信jssdk代碼

wx.config({
    debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。打印標識config:
    appId: "", // 必填，公眾號的唯一標識
    timestamp: , // 必填，生成簽名的時間戳
    nonceStr: "", // 必填，生成簽名的隨機串
    signature: "",// 必填，簽名，見附錄1
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});

wx.ready(function(){
    // config信息驗證后會執行ready方法，所有接口調用都必須在config接口獲得結果之后，config是一個客戶端的異步操作，所以如果需要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對于用戶觸發時才調用的接口，則可以直接調用，不需要放在ready函數中。
        wx.onMenuShareTimeline({
            title: "", // 分享標題
            link: "", // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
            imgUrl: "", // 分享圖標
            success: function () {
            // 用戶確認分享后執行的回調函數
            }
        });
});

wx.error(function(res){
    // config信息驗證失敗會執行error函數，如簽名過期導致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數中查看，對于SPA可以在這里更新簽名。
});

微信開發文檔

GPU云服務器云服務器微信分享微信分享參數微信php分享微信分享功能

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92534.html

微信二次分享

摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經大功告成了。微信二次分享效果演示 showImg(https://segmentfault.com/img/remote/1460000016895951); 如何運行項目 ...

Betta 2019-08-02 11:54 評論0 收藏0
微信二次分享

摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經大功告成了。微信二次分享效果演示 showImg(https://segmentfault.com/img/remote/1460000016895951); 如何運行項目 ...

NusterCache 2019-08-29 17:09 評論0 收藏0
微信二次分享

摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經大功告成了。微信二次分享效果演示 showImg(https://segmentfault.com/img/remote/1460000016895951); 如何運行項目 ...

Kahn 2019-08-23 12:42 評論0 收藏0
vue ＋微信二次分享／自定義分享

摘要：但是在本次開發中，我只使用了，，個別微信版本分享出來的還是沒有圖片和文案，的是沒有問題，所以又加上了棄用的，之后，安卓機也可以正常分享。微信二次分享／自定義分享從App中使用App分享（一次分享） showImg(https://segmentfault.com/img/bVbp83T?w=593&h=278); 使用微信導航欄的分享（二次分享）－－已做處理 showImg(...

diabloneo 2019-08-23 16:08 評論0 收藏0