Kürzlich habe ich WeChat-bezogene Funktionen für die WeChat-PC-Webseite entwickelt. Aus der Sicht eines Anf?ngers sind die Dokumente ?ffentlicher WeChat-Konten immer noch schwer zu verstehen Laut den auf der Plattform bereitgestellten Dokumenten gibt es bei der Entwicklung von WeChat-QR-Codes immer noch viele Fallstricke. Ich werde meinen Entwicklungsprozess hier detaillierter aufzeichnen und hoffe, dass er für alle hilfreich ist.

Ich verwende das Authentifizierungsdienstkonto für diese Entwicklung.

1 Zugriff

Geben Sie zun?chst das offizielle WeChat-Konto ein-> Grundkonfiguration

Das Folgende ist die grundlegende Konfigurationsseite. Diese Adresse ist eine Schnittstelle zum Akzeptieren von WeChat-Push-Ereignissen. Sie befindet sich im Action-Verzeichnis der Module (Dekoration). Erstellen Sie eine neue Klasse, zum Beispiel: WechatAction.class.php , und erstellen Sie eine neue ?ffentliche Methode in der Aktion, zum Beispiel: URLRedirect() , Dann lautet die eingegebene URL http://[IP]:[port]/index.php/Decoration/Wechat/UrlRedirect , dann füllen Sie das Token aus, geben Sie das Token nach Belieben ein, EncodingAESKey oder nicht, dann klicken Sie auf Best?tigen, WeChat wird zu dieser URL gehen Senden Sie eine Get-Anfrage, die viele Parameter enth?lt, mit denen wir überprüfen k?nnen, ob der Zugriff vom WeChat-Server angefordert wird. Seine Anfrage ist das Wenn wir die Prüfung erfolgreich abgeschlossen haben, wird es so wie es ist an die Get-Anfrage zurückgegeben. Die Rückgabe ist hier weder return noch ajaxReturn. Wenn Sie echo verwenden, verwenden Sie einfach echo I('echostr'); direkt. Dann ist die Schnittstellenüberprüfung erfolgreich.

2 QR-Code mit Parametern Funktion

Es gibt zwei Arten von QR-Codes mit Parametern in WeChat, einer ist ein tempor?rer QR-Code und der andere ein permanenter QR-Code, aber der permanente QR-Code ist begrenzt Die Funktion, die ich dieses Mal implementieren m?chte, besteht darin, dass Benutzer Produkte auf der Website verwenden k?nnen, ohne sich anzumelden. Sie k?nnen beispielsweise ein detailliertes Angebot für ein bestimmtes Produkt einholen, m?chten sich aber nicht registrieren Ich m?chte das Angebot auch zu diesem Zeitpunkt speichern. Solange der Benutzer den QR-Code mit WeChat scannt, sendet das offizielle ?ffentliche Konto einen Tag lang eine grafische Nachricht Wenn Sie auf die grafische Nachricht klicken, wird das Angebot angezeigt, das der Benutzer gerade erhalten hat. Klicken Sie hier, um es jederzeit anzuzeigen und zum Preisvergleich mit Freunden zu teilen. Daher kann der tempor?re QR-Code normal verwendet werden.

So verwende ich es. Hier ist eine Einführung in den gesamten Interaktionsprozess:

Wenn der Benutzer diesen QR-Code scannt, Wenn der Benutzer dem offiziellen Konto folgt, gelangt er direkt zur Konversationsseite mit dem offiziellen Konto. Der WeChat-Server sendet eine Nachricht an die im vorherigen Schritt festgelegte Server-URL, die einen benutzerdefinierten Parameter enthalten kann. Wenn der Benutzer dem offiziellen Konto nicht folgt, springt er zun?chst zur Folgeseite des offiziellen Kontos. Nachdem der Benutzer auf ?Folgen“ geklickt hat, gelangt er direkt zur Konversationsseite des offiziellen Kontos Senden Sie eine Ereignisnachricht an die von uns festgelegte URL. Wir passen die Parameter an und k?nnen die n?chste Aktion basierend auf diesem Parameter und Ereignistyp steuern.

3 Spezifischer Entwicklungsprozess

3.1 Holen Sie sich access_token

Dieses access_token ist das Zertifikat für unser Programm zum Aufrufen der WeChat-Schnittstelle. Die aktuelle Gültigkeitsdauer betr?gt 7200 Sekunden, daher müssen wir das access_token regelm??ig aktualisieren.

So erhalten Sie:

方法 ： GET
url ：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

Die Parameter APPID und APPSECRET sind die APPID und APPSECRET unseres offiziellen Kontos, die im offiziellen WeChat-Konto zu finden sind. > Grundkonfiguration Es wurde festgestellt, dass bei erfolgreichem Aufruf die folgenden JSON-Daten zurückgegeben werden:

{"access_token":"ACCESS_TOKEN","expires_in":7200}

Wobei access_token die Anmeldeinformationen der aufrufenden Schnittstelle und Expire_in das Token ist Gültigkeitsdauer.

Ich pers?nlich speichere das access_token in der Datenbank, speichere die Ablaufzeit und kapsele dann die ?ffentliche Funktion getWechatAccessToken(). Jedes Mal überprüfe ich, ob das Wenn der Zugriffstoken abgelaufen ist, rufen Sie ihn erneut ab. Andernfalls verwenden Sie einfach den in der Datenbank gespeicherten Zugriffstoken. Die H?ufigkeit, mit der dieser Zugriffstoken pro Tag abgerufen werden kann, sollte begrenzt sein. Das Folgende ist die spezifische Implementierung von getWechatAccessToken():

 1 //獲取access_token
 2 function getWechatAccessToken(){ 3     $wechatInfo = M('wechat_info')->select(); 4     $wechatInfo = array_reduce($wechatInfo, create_function('$result, $v', '$result[$v["conf_name"]] = $v;return $result;')); 5     $expireTime = $wechatInfo['PUBLIC_WECHAT_ACCESSTOKEN_EXPIRES']['conf_value'];                             //前面不用管，是我數(shù)據(jù)庫相應(yīng)設(shè)置
 6 
 7     if (time() < $expireTime){              //access_token未過期
 8         return $wechatInfo[&#39;PUBLIC_WECHAT_ACCESSTOKEN&#39;][&#39;conf_value&#39;]; 9     }else{                                  //access_token過期，重新獲取10         $baseUrl = C(&#39;WECHAT_PUBLIC_GET_ACCESS_TOKEN&#39;);11         $url = str_replace("##APPSECRET##", $wechatInfo[&#39;PUBLIC_WECHAT_APPSECRET&#39;][&#39;conf_value&#39;], str_replace("##APPID##", $wechatInfo[&#39;PUBLIC_WECHAT_APPID&#39;][&#39;conf_value&#39;], $baseUrl));12         $result = file_get_contents($url);13         $result = json_decode($result, true);14 
15         if (array_key_exists(&#39;errorcode&#39;, $result)){        //失敗重試一次16             return false;17         }else{18             M(&#39;wechat_info&#39;)->where(array(&#39;conf_name&#39; => &#39;PUBLIC_WECHAT_ACCESSTOKEN&#39;))->save(array(&#39;conf_value&#39; => $result[&#39;access_token&#39;]));19             M(&#39;wechat_info&#39;)->where(array(&#39;conf_name&#39; => &#39;PUBLIC_WECHAT_ACCESSTOKEN_EXPIRES&#39;))->save(array(&#39;conf_value&#39; => time()+$result[&#39;expires_in&#39;]-200));20             return $result[&#39;access_token&#39;];21         }22     }23 }

C('WECHAT_PUBLIC_GET_ACCESS_TOKEN') = https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

Nachdem wir dies gekapselt haben, k?nnen wir es jedes Mal beruhigt verwenden.

3.2 Tempor?ren QR-Code erstellen

3.2.1 Ticket erhalten

　　　　  請求方式： POST
　　     接口：https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=TOKEN
        POST數(shù)據(jù)： {"expire_seconds": 604800, "action_name": "QR_SCENE", "action_info": {"scene": {"scene_id": 123}}}

Das TOKEN in der Schnittstellen-URL ist das access_token, das wir in 3.1 erhalten haben. Expire_seconds in den Post-Daten ist die Gültigkeitsdauer des QR-Codes, die bis zu 30 Tage betr?gt Für tempor?re QR-Codes ist es QR_SCENE. Es ist eine 32-Bit-Ganzzahl, die ich als ID der Bestellung festgelegt habe Wir legen diesen Wert für die Schnittstelle fest. Anschlie?end werden die entsprechenden Bestelldaten abgerufen und auf der Webseite angezeigt.

Das Folgende ist die gekapselte Methode zum Generieren eines tempor?ren QR-Codes:

//創(chuàng)建臨時二維碼function getTemporaryQrcode($orderId){    $accessToken = getWechatAccessToken();    $url = str_replace("##TOKEN##", $accessToken, C('WECHAT_PUBLIC_GET_TEMPORARY_TICKET'));    $qrcode = '{"expire_seconds": 1800, "action_name": "QR_SCENE", "action_info": {"scene": {"scene_id": '.$orderId.'}}}';    $result = api_notice_increment($url, $qrcode);    $result = json_decode($result, true);    return urldecode($result['url']);
}

Die Methode ist api_notice_increment() Es handelt sich um eine POST-Methodenfunktion, die ich viele POST-Methoden ausprobiert habe. Da die WeChat-Schnittstelle strenge Einschr?nkungen hinsichtlich der POST-Methoden und -Parameter hat, habe ich schlie?lich eine gepackte Funktion gefunden, die online verwendet werden kann .POST-Methode, ich schlage vor, dass Sie es zuerst selbst ausprobieren. Wenn ich die WeChat-Schnittstelle getestet habe, habe ich alle Fehler zurückgegeben, und es muss sich um eine JSON-Zeichenfolge handeln muss sehr streng sein. Hier ist diese Methode:

function api_notice_increment($url, $data){    $ch = curl_init();    $header = "Accept-Charset: utf-8";
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
    curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
    curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (compatible; MSIE 5.01; Windows NT 5.0)');
    curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
    curl_setopt($ch, CURLOPT_AUTOREFERER, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);    $tmpInfo = curl_exec($ch);    if (curl_errno($ch)) {
        curl_close( $ch );        return $ch;
    }else{
        curl_close( $ch );        return $tmpInfo;
    }
}

getTemporaryQrcode() In der Konfigurationsdatei gibt es einen Parameter, den jeder sehen kann, bei dem es sich eigentlich um den WeChat-Schnittstellenlink handelt:

C('WECHAT_PUBLIC_GET_TEMPORARY_TICKET') = https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=##TOKEN##

Der Rückgabewert dieser Schnittstelle ist:

{"ticket":"gQH47joAAAAAAAAAASxodHRwOi8vd2VpeGluLnFxLmNvbS9xL2taZ2Z3TVRtNzJXV1Brb3ZhYmJJAAIEZ23sUwMEmm3sUw==","expire_seconds":60,"url":"http:\/\/weixin.qq.com\/q\/kZgfwMTm72WWPkovabbI"}

Wobei Ticket der Berechtigungsnachweis ist, den wir für den n?chsten Anruf verwenden , ?expire_seconds“ ist die Gültigkeitsdauer des QR-Codes und ?url“ ist der Link, den wir nach dem Scannen des QR-Codes generiert haben. Wenn wir also die Methode zum Generieren von QR-Code selbst implementieren, müssen wir den n?chsten Aufruf nicht bei diesem Schritt durchführen und den Wert der URL direkt zurückgeben und dann den Wert dieser URL verwenden, um den QR-Code zu generieren und lokal speichern. Mit phpqrcode k?nnen Sie QR-Codes in PHP generieren, was sehr einfach zu verwenden ist. Auch der n?chste Schritt wird kurz erw?hnt:

3.2.2 Beschaffung der QR-Code-Adresse

　　 請求方式： GET
　　 接口：https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=TICKET

Der Rückgabewert dieser Schnittstelle ist ein Bild, das direkt angezeigt oder heruntergeladen werden kann. Wir haben es im Detail verwendet, daher wissen wir nicht, wie wir es anzeigen sollen.

3.3 Was geschah, nachdem der Benutzer den QR-Code gescannt hatte

3.3.1 Was geschah nach dem scannen Was

　　上面提到了，用戶掃描我們生成的臨時二維碼，如果用戶未關(guān)注公眾號，則首先會跳轉(zhuǎn)到公眾號的關(guān)注頁面，點擊關(guān)注后，會進入公眾號的會話頁面，同時會給我們設(shè)置的接口推送一個事件。如果用戶已經(jīng)關(guān)注了，用戶微信會直接跳轉(zhuǎn)到公眾號會話頁面，然后微信服務(wù)器會給我們設(shè)置的接口推送一個事件。

　　用戶關(guān)注與否微信服務(wù)器給我們推送的事件是差不多的，只是新關(guān)注用戶推送的事件中scene_id前面會加一個前綴。下面是微信公眾平臺文檔的說明：

　用戶未關(guān)注時，進行關(guān)注后的事件推送

<xml><ToUserName><![CDATA[toUser]]></ToUserName>　　　　　　　　//開發(fā)者微信號<FromUserName><![CDATA[FromUser]]></FromUserName>　　　　　　　//發(fā)送者賬號（openid）<CreateTime>123456789</CreateTime>　　　　　　　　　　　　　　　　//消息創(chuàng)建時間（整型）<MsgType><![CDATA[event]]></MsgType>　　　　　　　　　　　　　　//消息類型 event<Event><![CDATA[subscribe]]></Event>　　　　　　　　　　　　　　//事件類型（subscribe）<EventKey><![CDATA[qrscene_123123]]></EventKey>　　　　　　　　//事件KEY值，qrscene_為前綴，后面為二維碼參數(shù)值<Ticket><![CDATA[TICKET]]></Ticket>　　　　　　　　　　　　　　　//二維碼ticke值，可以用來換取二維碼圖片</xml>

　　用戶已關(guān)注時的事件推送

 <xml><ToUserName><![CDATA[toUser]]></ToUserName>　　　　　　　　//開發(fā)者微信號<FromUserName><![CDATA[FromUser]]></FromUserName>　　　　 //發(fā)送者賬號（openid）<CreateTime>123456789</CreateTime>　　　　　　　　　　　　　//消息創(chuàng)建時間<MsgType><![CDATA[event]]></MsgType>                    //消息類型event<Event><![CDATA[SCAN]]></Event>　　　　　　　　　　　　　　 //事件類型 event<EventKey><![CDATA[SCENE_VALUE]]></EventKey>            //事件key值，是一個32位無符號整數(shù)，即創(chuàng)建二維碼時的二維碼scene_id<Ticket><![CDATA[TICKET]]></Ticket>                     //二維碼的ticke，可以用來換取二維碼圖片</xml>

3.3.2 我們要做些什么

　　我們需要在自己填寫的URL接口中接收這個事件，然后拿到我們需要的東西做我們想干的事兒。因為我要實現(xiàn)的功能比較簡單，只需要拿到scene_id即可，因為這是我要展示給用戶看的訂單數(shù)據(jù)。下面是我寫的接收和處理部分，比較簡單，主要看一下應(yīng)該怎么接收微信推送的事件：

public function urlRedirect(){        $postStr = $GLOBALS["HTTP_RAW_POST_DATA"];        $postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA);        $fromUsername = (string)$postObj->FromUserName;        $EventKey = trim((string)$postObj->EventKey);        $keyArray = explode("_", $EventKey);        if (count($keyArray) == 1){         //已關(guān)注者掃描
            $this->sendMessage($fromUsername, $EventKey);
        }else{　　　　　　　　　　　　　　　　　　　//未關(guān)注者關(guān)注后推送事件
            $this->sendMessage($fromUsername, $keyArray[1]);
        }
    }

　　我沒有使用其他參數(shù)，只是根據(jù)不同的推送事件拿到我想要的訂單ID，然后這時候其實相當于你在這里用公眾號的客服在跟掃碼的這個用戶對話，上段代碼中調(diào)用的sendMessage()是使用客戶賬號給掃碼用戶發(fā)送一個圖文消息，因為我在拿scen_id的同時也拿到了用戶的openid，可以利用這個給用戶發(fā)送消息。

　　下面是 sendMessage() 方法：

//給用戶發(fā)送圖文消息，點擊跳轉(zhuǎn)到報價頁面
    public function sendMessage($openid,$orderId){        $url = str_replace('##TOKEN##', getWechatAccessToken(), C('WECHAT_SEND_MESSAGE'));        $redirectUrl = str_replace("##ORDERID##", $orderId, str_replace("##OPENID##", $openid, C('WECHAT_REDIRECT_URL_PRE')));        $orderInfo = M('order')->where(array('orderid' => $orderId))->field(array('totalMoney', 'savedMoney', 'roomarea'))->find();        $description = str_replace("##ROOMAREA##", intval($orderInfo['roomarea'] * 1.25), C('WECHAT_MESSAGE_BRIEF'));        $description = str_replace("##TOTALBUDGET##", $orderInfo['totalMoney'], $description);        $description = str_replace("##MARKETBUDGET##", $orderInfo['totalMoney']+$orderInfo['savedMoney'], $description);        $description = str_replace("##SAVEMONEY##", $orderInfo['savedMoney'], $description);        $dataStr = '{"touser":"' . $openid . '","msgtype":"news","news":{"articles":[{"title":"' . C('WECHAT_MESSAGE_TITLE') .
            '","description":"' . $description . '","url":"' . $redirectUrl . '","picurl":"' . C('WECHAT_MESSAGE_PICURL') . '""}]}}';
        api_notice_increment($url, $dataStr);
    }

　　其中 C('WECHAT_SEND_MESSAGE') = 'https://api.weixin.qq.com/cgi-bin/message/custom/send?access_token=##TOKEN##' 至于下面的一大段str_replace，就是在組給用戶發(fā)送的文字而已，需要注意$dataStr的格式，這里面要求JSON字符串比較嚴格，必須所有的字符串都用雙引號括起來。微信接口對POST參數(shù)的限制真心嚴格。

　　下面是微信公眾平臺開發(fā)者文檔中要求發(fā)送圖文消息的POST data格式：

{
    "touser":"OPENID",
    "msgtype":"news",
    "news":{
        "articles": [
         {
             "title":"Happy Day",
             "description":"Is Really A Happy Day",
             "url":"URL",
             "picurl":"PIC_URL"
         },
         {
             "title":"Happy Day",
             "description":"Is Really A Happy Day",
             "url":"URL",
             "picurl":"PIC_URL"
         }
         ]
    }
}

　　其中url是用戶點擊這個消息之后打開的地址，這個時候我就組了一個自己網(wǎng)站的地址，是一個get請求地址，里面攜帶參數(shù)是用戶的openid和訂單id，這樣用戶點擊開圖文消息就可以看到自己剛才下單的內(nèi)容了，因為需要在網(wǎng)頁上展示用戶的微信頭像和昵稱，所以我把openid也放到參數(shù)里，在頁面加載前先拿到用戶的個人信息和訂單數(shù)據(jù)，再展示網(wǎng)頁。這樣流程：用戶未登錄下單 -> 生成微信二維碼 -> 用戶掃碼關(guān)注公眾號 -> 查看訂單詳細信息?就完成了。而且因為這個圖文消息打開后的鏈接攜帶的參數(shù)是這個用戶的額openid和其下單的訂單ID，不管分享到哪兒，用什么瀏覽器打開都是可以訪問的，且展示的也是這個用戶的頭像和昵稱信息，這也是我要實現(xiàn)的一個效果。

Das obige ist der detaillierte Inhalt vonAusführliche Erl?uterung von Beispielen für die Entwicklung von QR-Codes mit Parametern auf WeChat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!