微信開發(fā)帶參數(shù)二維碼的示例分析

小編給大家分享一下微信開發(fā)帶參數(shù)二維碼的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

1 接入

　　首先進(jìn)入微信公眾號(hào) -> 基本配置

　　下面是基本配置的頁面，在URL中填寫服務(wù)器地址，這個(gè)地址就是接受微信推送事件的一個(gè)接口，我是使用thinkPHP框架開發(fā)的程序，在其中一個(gè)Module（Decoration）的Action目錄下新建一個(gè)類，比如叫：  WechatAction.class.php  ，在該Action中新建一個(gè)public方法，比如叫：  URLRedirect()  ，那么在這個(gè)URL中填寫的就是  http://[IP]:[port]/index.php/Decoration/Wechat/UrlRedirect  ,然后填寫Token，Token隨意填，EncodingAESKey要不要都行，然后點(diǎn)擊確認(rèn)，微信會(huì)往這個(gè)URL上發(fā)送一個(gè)get請(qǐng)求，里面包含很多參數(shù)，其中大部分都是讓我們自己核對(duì)這次訪問是不是微信服務(wù)器請(qǐng)求的，我自己沒有驗(yàn)證，他的要求是如果我們核對(duì)成功，即原樣返回get請(qǐng)求中的一個(gè)參數(shù)echostr，這里的返回不是return，也不是ajaxReturn，而使用echo，如果用thinkPHP開發(fā)的話，直接使用  echo I('echostr');  即可。然后接口即驗(yàn)證成功了。

2 帶參數(shù)二維碼的作用

　　微信的帶參數(shù)二維碼有兩種，一種是臨時(shí)二維碼，一種是永久二維碼，但是永久二維碼的生成是有個(gè)數(shù)限制的，我這次要實(shí)現(xiàn)的功能是用戶未登錄的情況下在網(wǎng)站上使用產(chǎn)品，比如獲得某商品的詳細(xì)報(bào)價(jià)，但是又不想注冊(cè)，然而又想保存這個(gè)報(bào)價(jià)單，這個(gè)時(shí)候網(wǎng)頁可以生成一張二維碼，用戶只要用微信掃一掃這個(gè)二維碼，官方公眾號(hào)就會(huì)給這個(gè)用戶發(fā)送一天圖文消息，圖文消息點(diǎn)開后就是用戶剛剛獲得的報(bào)價(jià)單，而且可以隨時(shí)點(diǎn)擊查看并且分享給朋友進(jìn)行比價(jià)。所以臨時(shí)二維碼即可正常使用。

　　上面是我是怎么使用的，下面介紹一下整個(gè)交互的流程：

　　當(dāng)用戶掃描這個(gè)二維碼，如果用戶關(guān)注了公眾號(hào)，用戶會(huì)直接進(jìn)入與公眾號(hào)的會(huì)話頁面，微信服務(wù)器會(huì)給我們?cè)谏弦徊皆O(shè)置的服務(wù)器URL中推送一條消息，其中可以攜帶一個(gè)我們自定義的參數(shù)。如果用戶未關(guān)注公眾號(hào)，則用戶首先會(huì)跳轉(zhuǎn)到公眾號(hào)關(guān)注頁面，用戶點(diǎn)擊關(guān)注后，會(huì)直接進(jìn)入公眾號(hào)的會(huì)話頁面，微信服務(wù)器這時(shí)也會(huì)給我們?cè)O(shè)置的URL推送一個(gè)事件消息，攜帶我們自定義參數(shù)，我們可以根據(jù)這個(gè)參數(shù)和事件類型做控制下一步動(dòng)作。

3 具體開發(fā)過程

3.1 獲取access_token

　　這個(gè)access_token是我們程序調(diào)用微信接口的憑證，目前的有效期是7200秒，所以我們需要定時(shí)更新access_token。

　　獲得方法：

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

　　其中的參數(shù)APPID和APPSECRET是我們公眾號(hào)的APPID和APPSECRET，在微信公眾號(hào) -> 基本配置中可以查到，調(diào)用成功會(huì)返回如下JSON數(shù)據(jù)：

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

　　其中access_token就是調(diào)用接口憑證，expire_in是token有效時(shí)間。

　　我本人是把a(bǔ)ccess_token存在數(shù)據(jù)庫中，同時(shí)保存過期時(shí)間，然后封裝公用函數(shù)  getWechatAccessToken()  ，每次先檢查access_token是否過期，如果過期則重新獲取，否則直接使用數(shù)據(jù)庫保存的access_token即可，我忘了在哪兒看加過，這個(gè)access_token每天的獲取次數(shù)應(yīng)該是有限制的。下面是  getWechatAccessToken()   的具體實(shí)現(xiàn)：

 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['PUBLIC_WECHAT_ACCESSTOKEN']['conf_value']; 9     }else{                                  //access_token過期，重新獲取10         $baseUrl = C('WECHAT_PUBLIC_GET_ACCESS_TOKEN');11         $url = str_replace("##APPSECRET##", $wechatInfo['PUBLIC_WECHAT_APPSECRET']['conf_value'], str_replace("##APPID##", $wechatInfo['PUBLIC_WECHAT_APPID']['conf_value'], $baseUrl));12         $result = file_get_contents($url);13         $result = json_decode($result, true);14 
15         if (array_key_exists('errorcode', $result)){        //失敗重試一次16             return false;17         }else{18             M('wechat_info')->where(array('conf_name' => 'PUBLIC_WECHAT_ACCESSTOKEN'))->save(array('conf_value' => $result['access_token']));19             M('wechat_info')->where(array('conf_name' => 'PUBLIC_WECHAT_ACCESSTOKEN_EXPIRES'))->save(array('conf_value' => time()+$result['expires_in']-200));20             return $result['access_token'];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

　　封裝好這個(gè)之后，我們每次就可以安心的使用了。

3.2 創(chuàng)建臨時(shí)二維碼

3.2.1 獲取ticket

　　　　  請(qǐng)求方式： 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即我們?cè)?.1中獲取的access_token，post數(shù)據(jù)中expire_seconds是二維碼的有效時(shí)間，最多為30天，action_name臨時(shí)二維碼的話固定就是QR_SCENE，scene_id即我們自定義參數(shù)，是個(gè)32位非0整數(shù)，我在應(yīng)用中把它設(shè)為訂單的ID，微信服務(wù)器推送事件的時(shí)候會(huì)把這個(gè)值返回給我們?cè)O(shè)置的接口中，然后我會(huì)根據(jù)這個(gè)值去拿相應(yīng)的訂單數(shù)據(jù)展示在網(wǎng)頁上，這是后話。

　　下面是封裝的生成臨時(shí)二維碼的方法：

//創(chuàng)建臨時(shí)二維碼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()  是我封裝的一個(gè)POST方法函數(shù)，我試過很多POST的方法，可能由于微信接口對(duì)POST方法和參數(shù)的限制比較嚴(yán)格，這個(gè)浪費(fèi)了好久時(shí)間，最后在網(wǎng)上找到了一個(gè)可以使用的封裝好的POST方法，建議大家先自己試試，如果微信返回錯(cuò)誤嗎，就用這個(gè)吧，起碼我測(cè)試微信這個(gè)接口的時(shí)候用postman測(cè)試返回的都是錯(cuò)誤，而且一定要用JSON字符串，一定要是非常嚴(yán)格的JSON字符串。下面是這個(gè)方法：

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() 中有一個(gè)在配置文件中的參數(shù)給大家看下，其實(shí)就是微信接口鏈接：

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

　　這個(gè)接口的返回值是：

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

　　其中ticket是讓我們用來進(jìn)行下一步調(diào)用的憑證，expire_seconds是二維碼的有效期，url是我們生成的二維碼掃描后打開的鏈接。所以如果我們自己實(shí)現(xiàn)了生成二維碼的方法，就不用再進(jìn)行下一步調(diào)用，我本人即在這一步就停止了，直接返回url的值，然后利用這個(gè)url的值生成二維碼存在本地即可。PHP生成二維碼可以使用phpqrcode，挺好用的。下一步也大致提一下：

3.2.2 獲取二維碼地址

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

　這個(gè)接口的返回值是一張圖片，可以直接展示或者下載，我們有具體使用過，所以也不知道應(yīng)該怎么展示。

3.3 用戶掃描二維碼之后發(fā)生的事情

3.3.1 掃描后發(fā)生了什么

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

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

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

<xml><ToUserName><![CDATA[toUser]]></ToUserName>　　　　　　　　//開發(fā)者微信號(hào)<FromUserName><![CDATA[FromUser]]></FromUserName>　　　　　　　//發(fā)送者賬號(hào)（openid）<CreateTime>123456789</CreateTime>　　　　　　　　　　　　　　　　//消息創(chuàng)建時(shí)間（整型）<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)注時(shí)的事件推送

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

3.3.2 我們要做些什么

　　我們需要在自己填寫的URL接口中接收這個(gè)事件，然后拿到我們需要的東西做我們想干的事兒。因?yàn)槲乙獙?shí)現(xiàn)的功能比較簡單，只需要拿到scene_id即可，因?yàn)檫@是我要展示給用戶看的訂單數(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，然后這時(shí)候其實(shí)相當(dāng)于你在這里用公眾號(hào)的客服在跟掃碼的這個(gè)用戶對(duì)話，上段代碼中調(diào)用的sendMessage()是使用客戶賬號(hào)給掃碼用戶發(fā)送一個(gè)圖文消息，因?yàn)槲以谀胹cen_id的同時(shí)也拿到了用戶的openid，可以利用這個(gè)給用戶發(fā)送消息。

　　下面是 sendMessage() 方法：

//給用戶發(fā)送圖文消息，點(diǎn)擊跳轉(zhuǎn)到報(bào)價(jià)頁面
    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字符串比較嚴(yán)格，必須所有的字符串都用雙引號(hào)括起來。微信接口對(duì)POST參數(shù)的限制真心嚴(yán)格。

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

以上是“微信開發(fā)帶參數(shù)二維碼的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！