私は最近、WeChat PC Web ページの WeChat 関連機能を開発しています。初心者の観點から見ると、オンラインで見つかる投稿のほとんどは、基本的に WeChat で提供されているもののコピーです。パブリック プラットフォーム。ドキュメント。パラメーターを使用した WeChat QR コードの開発プロセスでまだ多くの落とし穴に遭遇しました。皆さんの役に立つことを願って、ここに開発プロセスを詳しく記録します。

この開発には認証サービス アカウントを使用しています。

1 インターフェイスでは、thinkPHP フレームワークを使用してプログラムを開発しました。モジュール (裝飾) の 1 つのアクション ディレクトリに新しいクラスを作成します (例: WechatAction.class.php)、新しいパブリック メソッドを作成します。アクションに、たとえば: URLRedirect()

を入力すると、この URL に入力する內容は

http://[IP]:[port]/index.php/Decoration/Wechat/UrlRedirect となり、 [トークン] に、EncodingAESKey かどうかを指定してトークンを入力し、[確認] をクリックします。WeChat はこの URL に取得リクエストを送信します。これには多くのパラメーターが含まれており、このアクセスが WeChat サーバーによって要求されているかどうかを確認できます。私自身は検証していませんが、検証が成功した場合、つまり get リクエストのパラメータである echostr がそのまま返されるのですが、開発した場合は return や ajaxReturn を使用します。 thinkPHP では、echo I('echostr');

を使用するだけです。その後、インターフェイスの検証は成功します。

2 パラメータ化されたQRコードの役割

WeChatには2種類のパラメータ化されたQRコードがあり、1つは一時的なQRコード、もう1つは一時的なQRコードです恒久的なQRコードですが、生成できる恒久的なQRコードの數(shù)に制限があります。今回実裝したいのは、ユーザーがログインせずにWebサイト上の商品を利用するための機能です。特定の製品の詳細な見積もりが必要ですが、登録はしたくないが、この見積もりを保存したい場合は、現(xiàn)時點では、ユーザーは WeChat で QR コードをスキャンするだけで済み、公式は QR コードを生成できます。パブリックアカウントは、ユーザーにグラフィックメッセージを 1 日送信します。 グラフィックメッセージのポイント 開くと、ユーザーが取得した見積書が表示され、いつでもクリックして表示し、価格比較のために友人と共有できます。したがって、一時的な QR コードは正常に使用できます。

上記は私がどのように使用するかです。ここでインタラクションプロセス全體を紹介します:

ユーザーがこの QR コードをスキャンすると、ユーザーが公式アカウントをフォローしている場合、ユーザーは直接會話ページに入ります。 WeChat サーバーは、前の手順で設定したサーバー URL にメッセージをプッシュします。これにはカスタム パラメーターを含めることができます。ユーザーが公式アカウントをフォローしていない場合、ユーザーはまず公式アカウントのフォローページに移動し、クリックすると公式アカウントの會話ページに直接アクセスします。パラメータをカスタマイズして、設定した URL にイベント メッセージをプッシュします。このパラメータとイベント タイプに基づいて次のアクションを制御できます。

3 具體的な開発プロセス

3.1 access_tokenの取得

このaccess_tokenはプログラムがWeChatインターフェースを呼び出すための証明書です 現(xiàn)在の有効期限は7です。 200秒なので、 access_token を定期的に更新する必要があります。

取得方法:

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

パラメータAPPIDとAPPSECRETは、WeChat公式アカウント->基本設定にあります。通話が成功すると、次のJSONデータが表示されます。が返されます:

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

ここで、access_token は呼び出し側インターフェイスの資格情報、expire_in はトークンの有効期限です。

私は個人的に access_token をデータベースに保存し、有効期限を保存してから、パブリック関數(shù) getWechatAccessToken() をカプセル化します。それ以外の場合は、データベースに保存されている access_token を直接使用します。ただし、この access_token は 1 日に取得できる回數(shù)に制限があるはずです。以下は 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ù)庫相應設置
 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

これをカプセル化した後は、いつでも安心して使用できます。

3.2 一時的なQRコードの作成

3.2.1 Get ticket

　　　　  請求方式： 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}}}

インターフェースURLのTOKENは3.1で取得したaccess_token、投稿データのexpire_秒はQRコード有効期間は最大 30 日間です。 scene_id は、アプリケーション內のオーダーの ID として設定される 32 ビットの整數(shù)です。 , そして、WeChatサーバーはいつか設定したインターフェースにこの値を返し、この値をもとに対応する注文データをWebページに表示することになります。

以下は、一時的な QR コードを生成するカプセル化されたメソッドです:

//創(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']);
}

メソッド api_notice_increment() は、おそらく WeChat インターフェイスのため、私がカプセル化した POST メソッド関數(shù)です。 POST メソッドとパラメーターの制限は比較的厳しく、これには長い時間がかかりましたが、最終的に、オンラインで使用できるカプセル化された POST メソッドを見つけました。WeChat がエラーを返した場合は、これを使用することをお勧めします。少なくとも、WeChat インターフェイスをテストしたとき、postman を使用してテストしたところ、すべてのエラーが返されました。JSON 文字列を使用する必要があります。これは非常に厳密な JSON 文字列でなければなりません。このメソッドは次のとおりです:

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() 設定ファイルには誰でも見ることができるパラメーターがあります。これは実際には WeChat インターフェースのリンクです:

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

このインターフェースの戻り値は次のとおりです:

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

このうち、ticketは次回の通話に使用するバウチャー、expire_secondsはQRコードの有効期限、urlは生成したQRコードをスキャンして開いたリンクです。したがって、QR コードを生成するメソッドを自分で実裝する場合は、このステップで停止して URL の値を直接返し、この URL の値を使用して QR コードを生成する必要はありません。ローカルに保存できます。 phpqrcode を使用すると、PHP で QR コードを生成でき、非常に使いやすくなります。次のステップについても簡単に説明します:

3.2.2 QR コードアドレスの取得

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

このインターフェースの戻り値は畫像であり、これを直接表示またはダウンロードすることができます。なので、詳しい表示方法が分かりません。

3.3 ユーザーが QR コードをスキャンした後に何が起こるか

3.3.1 スキャン後に何が起こるか

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

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

　用戶未關注時，進行關注后的事件推送

<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>

　　用戶已關注時的事件推送

 <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ù)。下面是我寫的接收和處理部分，比較簡單，主要看一下應該怎么接收微信推送的事件：

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){         //已關注者掃描
            $this->sendMessage($fromUsername, $EventKey);
        }else{　　　　　　　　　　　　　　　　　　　//未關注者關注后推送事件
            $this->sendMessage($fromUsername, $keyArray[1]);
        }
    }

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

　　下面是 sendMessage() 方法：

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

以上がWeChatでのパラメータ付きQRコード開発例を詳しく解説の詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。