Heim > Web-Frontend > js-Tutorial > Hauptteil

Fassen Sie einige Notizen zum WeChat JS SDK-Zugriff zusammen und teilen Sie sie

零下一度
Freigeben: 2017-06-23 10:19:19
Original
1106 Leute haben es durchsucht

Um auf das WeChat JS SDK zuzugreifen, können Sie zunächst die offizielle Website-Dokumentation lesen. Zusammenfassend gibt es mehrere Schritte:

1. Melden Sie sich zuerst bei WeChat an Öffnen Sie die öffentliche Plattform und geben Sie „Offizielle Kontoeinstellungen“ ein. Geben Sie in den „Funktionseinstellungen“ den „JS-Schnittstellensicherheitsdomänennamen“ ein.
Hinweis: Nach der Anmeldung können Sie die entsprechenden Schnittstellenberechtigungen im „Developer Center“ einsehen.

2. JS-Dateien einführen: Führen Sie die folgenden JS-Dateien auf der Seite ein, die die JS-Schnittstelle aufrufen muss (unterstützt https):,

Hinweis: Unterstützt das Laden mit der AMD/CMD-Standard-Modullademethode , hier ist die zusätzliche Einführung von jquery .cookie.js, sha1.js, Sie müssen später

verwenden. Holen Sie sich access_token und dann jsapi_ticket, da die Funktion zum Abrufen von jsapi_ticket nicht häufig aufgerufen werden kann. Sie können ein globales jsapi_ticket speichern und es erneut im Cookie speichern. Außerdem wird empfohlen, diese beiden Erfassungsvorgänge auf dem Server abzulegen

4 . Splice noncestr (zufällige Zeichenfolge), gültiges jsapi_ticket, timestamp (Zeitstempel), url ( Die URL der aktuellen Webseite (ohne # und die folgenden Teile), nachdem alle zu signierenden Parameter nach dem ASCII-Code des Felds sortiert wurden Name von klein nach groß (lexikografische Reihenfolge), verwenden Sie das Format von URL-Schlüssel-Wert-Paaren (d. h. Schlüssel1=Wert1&Schlüssel2=Wert2…) und werden zu einer Zeichenfolge Zeichenfolge1 verkettet. Hierbei ist zu beachten, dass alle Parameternamen Kleinbuchstaben sind.

5.sha1-Verschlüsselung generiert Signatursignatur

6. Konfigurieren Sie wx.config, wx.ready, wx.error und andere Methoden, wobei wx.ready der Rückruf nach erfolgreicher Konfiguration ist, andere Vorschläge werden empfohlen. Methoden wie WeChat-Freigabe wx.onMenuShareTimeline, wx.onMenuShareAppMessage usw. werden bereitgestellt, um den Zweck der synchronen Ausführung zu erreichen:

Front- Ende js:

//access_token是公众号的全局唯一票据
    public function getTokenForJS() {
        $appid = "不告诉你";
        $secret = "不告诉你";
        $url = "https://api.weixin.qq.com/cgi-bin/token?appid=".$appid."&secret=".$secret."&grant_type=client_credential";
        $result = http_request($url);
        echo $result;exit;
    }
    
    //获取ticket
    public function getTicket(){
        $access_token = I("get.access_token");
        $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=".$access_token."&type=jsapi";
        //$this->ajaxJSON($url);
        $result = http_request($url);
        echo $result;exit;
    }
    
    function http_request($url, $data = null)
    {
        $curl = curl_init();
        curl_setopt($curl, CURLOPT_URL, $url);
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
        if (!empty($data)) {
            curl_setopt($curl, CURLOPT_POST, 1);
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
        }
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
        $info = curl_exec($curl);
        curl_close($curl);
        return $info;
    }
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonFassen Sie einige Notizen zum WeChat JS SDK-Zugriff zusammen und teilen Sie sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage