Front-End-WeChat-Freigabe jssdk config:ungültige Signatur-Signatur-Fehlerlösung

Dieses Mal bringe ich Ihnen die Lösung für den Signaturfehler von jssdk config:ungültige Signatur, die auf dem Front-End-WeChat geteilt wird. Die Lösung für den Signaturfehler von jssdk config:ungültige Signatur, die auf dem Front-End-WeChat geteilt wird. Was sind die Vorsichtsmaßnahmen , und das Folgende ist der eigentliche Kampf. Schauen wir uns den Fall an.

Über die Front-End-WeChat-Freigabe jssdk config:ungültige Signatur Signaturfehler

Ich habe es in den letzten Tagen gerade auf WeChat geschrieben. Sie werden es vielleicht nicht glauben, wenn ich es erzähle Ich habe einen WeChat-Share geschrieben und ihn 2 Wochen lang gemeinsam genutzt. Der große Bruder im Backend half mir zunächst beim Schreiben des Backend-Visums, aber ich wollte ihn bitten, es zu ändern, aber später hatte das Unternehmen eine Projekt, das unbedingt online gehen wollte, und ich hatte keine andere Wahl, also begann ich, mich selbst um das Backend zu kümmern der Haupttext

Zuallererst ist es sicher, die WeChat SDK-Dokumentation für WeChat-Sachen zu lesen

Da ich eine Front-End-Person bin, schreibe ich nur Code über das Front-End . Am Ende des Artikels werde ich den Back-End-Code anhängen, den ich geändert habe

Der Code für den Back-End-Teil

$.ajax({
        type: "post",
        dataType: 'json',
        url: '接口链接',
        data: {
            url: urld
        },
        success: function(conf) {
            console.log(conf);
            configWxAPI(conf);
            var conf = conf.url;            return conf;
        },
        error: function(event, XMLHttpRequest, ajaxOptions, thrownError) {            
        }
    });

    //配置权限
    function configWxAPI(conf) {
        wx.config({
            debug: false, //开启调试模式，调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端
            //打开，参数信息会通过log打出，仅在pc端时才会打印
            appId: "唯一的ID", //必填，公众号的唯一标识
            timestamp: conf.timestamp, //必填，生成签名的时间戳
            nonceStr: conf.nonceStr, //必填，生成签名的随机串
            signature: conf.signature, //必填，签名
            jsApiList: [                
                'onMenuShareTimeline',                'onMenuShareAppMessage',                'onMenuShareQQ',                'onMenuShareWeibo',                'previewImage',
                
            ] //必填，需要使用的JS接口列表，也就是配置你想使用的调用接口
        });
//      微信分享
        wx.ready(function() {
          //分享的图片
            var imgUrl = ""
                      //分享朋友
            wx.onMenuShareAppMessage({
                title: "标题",
                desc: "内容简介",
                link: "分享链接",
                imgUrl: imgUrl,
                success: function() {
                    //分享成功之后执行的回调函数
                },
                cancel: function() {
                    //取消分享之后执行的回调函数
                }
            });
                             //分享朋友圈
            wx.onMenuShareTimeline({
                title: "标题",
                desc: "内容简介",
                link: "分享链接",
                imgUrl: imgUrl,
                success: function() {
                    //分享成功之后执行的回调函数
                },
                cancel: function() {
                    //取消分享之后执行的回调函数
                }
            });
        });
        wx.error(function(conf) {
            console.log(conf);
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });
    };

Die Zeit hier hat auch eine zufällige Zeichenfolge an die Rezeption übergeben, und der URL-Link wird von der Rezeption an das Backend übergeben. Das Backend verwendet diese URL, um die folgende Codierung durchzuführen

public function getSignPackage() {    
    if(IS_POST){        if(!I('post.url')) $this->ajaxReturn(array('status'=>0,'msg'=>'请输入当前的URL'));
        $jsapiTicket = $this->getJsApiTicket();
          //这句代码微信SDK上面没有介绍,但是用来签证的url里面就&后面会自动带有&,所以这里用了php的字符串替换
        $url =  str_replace("&","&",I('post.url'));

        $timestamp = time();
        $nonceStr = $this->createNonceStr();
    
        // 这里参数的顺序要按照 key 值 ASCII 码升序排序

Denken Sie daran, sie weiterzugeben . Die an das Backend übergebene URL muss genau mit dem aktuellen Link übereinstimmen. Denken Sie daran, dass die an das Backend übergebene URL genau mit dem aktuellen Link übereinstimmen muss Aktueller Link.

Ich glaube, Sie haben den Fall in diesem Artikel gelesen. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

  $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
    $signature = sha1($string);
    $signPackage = array(    "jsapiTicket" =>$jsapiTicket,      "appId"     => $this->appId,      "nonceStr"  => $nonceStr,      "timestamp" => $timestamp,      "url"       => $url,      "signature" => $signature,      "rawString" => $string
    );    $this->ajaxReturn($signPackage);

Verwandte Lektüre:

Front-End-Eintrag zu CSS3

Wie Axios einen Promise-basierten HTTP-Anfrage-Client erstellt

CSS-Verlaufsfarbe

Das obige ist der detaillierte Inhalt vonFront-End-WeChat-Freigabe jssdk config:ungültige Signatur-Signatur-Fehlerlösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!