微信二次分享報錯，invalid signature

awesome23 發布于2019-08-26 13:40 / 959人閱讀

摘要：基于微信公眾號開發的頁面使用接口，由用戶分享給用戶，用戶再次分享這個頁面時，不能成功分享。

基于微信公眾號開發的h5頁面（使用jssdk接口），由用戶A分享給用戶B，用戶B再次分享這個頁面時，不能成功分享。問題出在用戶B收到的分享鏈接與用戶A打開的鏈接不同
A用戶的鏈接為

http://test.com/test.html

B用戶收到的連接

 http://test.com/test.html&from=singlemessage

from=singlemessage是微信客戶端為了區分分享來源再鏈接后自動添加的標記，
再次分享時，需要在js代碼中對自動獲取的連接進行encodeURIComponent處理，后臺再對收到的url進行urldecode處理。

js與php示例代碼如下：
注意ajax，用的post，用get據說不用轉義（get方式本人未做測試）

js代碼

function share(){
    var nowurl         = window.location.href;
    var nowurlo     = nowurl.split("&")[0];
    $.ajax({
        type         : "post",
        url          : "***********************", //后端接口
        dataType     : "json",
        data         : { "url": encodeURIComponent(nowurl) }, // 注意此處對nowurl進行encode；
        success      : function (data) {
            wx.config({
                        debug        : false,                //調試模式
                        appId        : data.appId,           //公眾號appid
                        timestamp    : data.timestamp,       //時間戳
                        nonceStr     : data.noncestr,        //生成簽名的隨機串
                        signature    : data.signature,       //簽名
                        jsApiList    : [
                            "updateAppMessageShareData",
                            "updateTimelineShareData",
                            "onMenuShareAppMessage",
                            "onMenuShareTimeline",
                            "chooseWXPay",
                            "showOptionMenu",
                            "hideMenuItems",
                            "showMenuItems",
                            "onMenuShareTimeline",
                            "onMenuShareAppMessage",
                    ] // 必填，需要使用的JS接口列表
            });
            wx.ready(function () {   //需在用戶可能點擊分享按鈕前就先調用
                wx.updateAppMessageShareData({ 
                    title    : "", // 分享標題
                    desc     : "", // 分享描述
                    link     : nowurlo, // 自動獲取（上面js代碼中）
                    imgUrl   : "", // 分享圖標
                    success  : function () {
                    }
                });
                wx.updateTimelineShareData({ 
                    title     : "", // 分享標題
                    link      : nowurlo, 自動獲取（上面js代碼中）
                    imgUrl    : "", // 分享圖標
                    success   : function () {
                    },
                });
            });
            
        }
    });
}

php代碼


 public function generateSignature(){
        $timestamp                     = time();
        $jsapiTicket                   = ;//此處獲取jsapi_ticket
        $noncestr                      = md5(uniqid(microtime(true),true));//我用的noncestr
        $url                           = urldecode(I("post.url"));
        $signature                     = sha1("jsapi_ticket=" . $jsapiTicket . "&noncestr=" . $noncestr . "×tamp=" . $timestamp . "&url=" . $url);
        $shareConfig["appId"]          = "";//此處為appId
        $shareConfig["timestamp"]      = $timestamp;
        $shareConfig["noncestr"]       = $noncestr;
        $shareConfig["signature"]      = $signature;
        $shareConfig["url"]            = $url;
        echo json_encode($shareConfig);
    }

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

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

微信二次分享報錯，invalid signature

摘要：基于微信公眾號開發的頁面使用接口，由用戶分享給用戶，用戶再次分享這個頁面時，不能成功分享。基于微信公眾號開發的h5頁面（使用jssdk接口），由用戶A分享給用戶B，用戶B再次分享這個頁面時，不能成功分享。問題出在用戶B收到的分享鏈接與用戶A打開的鏈接不同A用戶的鏈接為 http://test.com/test.html B用戶收到的連接 http://test.com/test.h...

e10101 2019-07-01 12:38 評論0 收藏0
H5頁面二次分享

摘要：對于頁面來說二次分享還是蠻重要的，畢竟還是微信發出去之后習慣性的使用自帶的分享功能。通篇看完的話，基本上能避過很多坑記得微信文檔習慣把一些坑寫在后面，不放在一起先說說，怎么微信怎么做二次分享文檔地址，通過引入官方。對于H5頁面來說二次分享還是蠻重要的，畢竟qq還是微信發出去之后習慣性的使用自帶的分享功能。和PC端不同，PC直接復制地址了。前兩天在做請柬，踩了不少的雷，個人開發和公司開...

evin2016 2019-08-23 10:30 評論0 收藏0
H5頁面二次分享

摘要：對于頁面來說二次分享還是蠻重要的，畢竟還是微信發出去之后習慣性的使用自帶的分享功能。通篇看完的話，基本上能避過很多坑記得微信文檔習慣把一些坑寫在后面，不放在一起先說說，怎么微信怎么做二次分享文檔地址，通過引入官方。對于H5頁面來說二次分享還是蠻重要的，畢竟qq還是微信發出去之后習慣性的使用自帶的分享功能。和PC端不同，PC直接復制地址了。前兩天在做請柬，踩了不少的雷，個人開發和公司開...

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

摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經大功告成了。微信二次分享效果演示 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