微信公眾平臺開發入門教程(圖文詳解)

阿新 • • 發佈：2019-01-19

在這篇入門教程中，我們假定你已經有了PHP語言程式、MySQL資料庫、計算機網路通訊及XML語言基礎。如果你還沒有，那麼請先學習相關知識。

　　我們將使用微信公眾賬號方倍工作室（賬號：pondbaystudio，二維碼在最底部）作為講解的例子。

　　這篇入門教程將引導你完成如下任務：

　　建立百度雲平臺應用啟用微信公眾平臺開發模式獲取訂閱、文字、圖片、語音、視訊訊息回覆文字、圖文及音樂訊息程式開發

　　建立百度雲應用

　　申請賬號

　　登入，使用郵箱或者手機註冊一個賬號，註冊需要同時繫結手機並且驗證郵箱。

建立應用

　　註冊並登入成功以後，點選右上側的，彈出如下視窗。

　　應用名稱自己隨便填寫一個，接入方式選擇“手機web應用”，然後點選確定。

　　說明：在以下的教程中，您可以將所有我填寫為pondbay的地方改為你的一個相應的名稱，如果您沒有想好名稱，最簡單的方法就是qq這兩個字元+qq號碼，比如方倍工作室的QQ是1354386063，那麼就將"pondbay"改為"qq1354386063"

　　選擇“雲環境(BAE)”，

　　在新的視窗中，填寫應用域名的名稱，環境型別選擇PHP，其他根據自己需要選擇或者使用上圖預設值，然後點選確定

　　注意：此處填寫的域名將要在下面填寫URL時用到。可以先儲存下來。

　　建立版本

　　在版本管理中，點選建立新版本

　　版本號填寫0，然後儲存。

上傳程式碼

　　將以下程式碼中的token改為你的名稱，並另存為index.php。

　　注意：此處填寫的Token將要在下面填寫URL時用到。可以先儲存下來。

　　複製程式碼程式碼如下:

　　<?php
/*
方倍工作室
CopyRight 2013 All Rights Reserved
*/

　　define("TOKEN", "pondbay");

　　$wechatObj = new wechatCallbackapiTest();
$wechatObj->valid();

　　class wechatCallbackapiTest
{
    public function valid()
    {
        $echoStr = $_GET["echostr"];
        if($this->checkSignature()){
            echo $echoStr;
            exit;
        }
    }

　　private function checkSignature()
    {
        $signature = $_GET["signature"];
        $timestamp = $_GET["timestamp"];
        $nonce = $_GET["nonce"];

　　$token = TOKEN;
        $tmpArr = array($token, $timestamp, $nonce);
        sort($tmpArr);
        $tmpStr = implode( $tmpArr );
        $tmpStr = sha1( $tmpStr );//原理參考http://blog.csdn.net/goodshot/article/details/38776739

　　if( $tmpStr == $signature ){
            return true;
        }else{
            return false;
        }
    }
}
?>

　　然後將其壓縮成zip格式

　　這樣會生成一個index.zip的檔案。

　　回來版本管理中

　　選擇包上傳更新

　　選擇剛才壓縮好的zip包，點選上傳。

　　確定生效，並且點選，點選後如下圖。

　　百度雲應用的建立就成功了。

　　微信公眾平臺開發模式

　　高階功能

　　微信公眾平臺地址：;

　　登入微信公眾平臺後臺，選擇高階功能

　　進入後就看到兩種模式

　　我們需要關閉編輯模式。點選編輯模式的進入

　　滑動關閉

　　開發模式

　　進入開發模式裡面

　　點選成為開發者

　　彈出URL和Token填寫框

　　此處的URL為建立百度雲應用的域名，包括後面的，而Token為index.php中定義的值。

　　URL: 　　
Token: 　pondbay

　　填寫如下圖，

　　提交成功

　　再滑動右上角啟用按鈕。

　　至此，你已經成功啟用開發模式。

　　接收訊息型別

　　目前普通使用者能向公眾賬號推送五種格式的訊息：文字（包括表情）、語音、圖片、視訊、位置、連結。名片傳送會失敗。
下面就這五種分別詳解如下：

　　1. 文字（包括表情）
傳送文字

　　後臺格式:

　　複製程式碼程式碼如下:

　　傳送表情

　　後臺格式

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName 訊息接收方微訊號，一般為公眾平臺賬號微訊號
FromUserName 訊息傳送方微訊號
CreateTime 訊息建立時間
MsgType 訊息型別；文字訊息為text
Content 訊息內容
MsgId 訊息ID號可以看出，文字和表情的訊息型別均為文字
[html]

　　2. 圖片
傳送圖片

　　後臺格式：

　　[code]
<xml><ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>
<FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>
<CreateTime>1359028479</CreateTime>
<MsgType><![CDATA[image]]></MsgType>
<PicUrl><![CDATA[RrljbedVjlMEAA/0]]></PicUrl>
<MsgId>5836982871638042400</MsgId>
</xml>

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName 訊息接收方微訊號，一般為公眾平臺賬號微訊號
FromUserName 訊息傳送方微訊號
CreateTime 訊息建立時間
MsgType 訊息型別；圖片訊息為image
PicUrl 圖片連結地址，可以用HTTP GET獲取
MsgId 訊息ID號

　　3. 語音
傳送語音

　　後臺格式：

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName 訊息接收方微訊號，一般為公眾平臺賬號微訊號
FromUserName 訊息傳送方微訊號
CreateTime 訊息建立時間
MsgType 訊息型別；語音訊息為voice
MediaId 媒體ID
Format 語音格式，這裡為amr
MsgId 訊息ID號附：AMR介面簡介
全稱Adaptive Multi-Rate，主要用於移動裝置的音訊，壓縮比比較大，但相對其他的壓縮格式質量比較差，由於多用於人聲，通話，效果還是很不錯的。

　　4. 視訊
傳送視訊

　　後臺格式：

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName 訊息接收方微訊號，一般為公眾平臺賬號微訊號
FromUserName 訊息傳送方微訊號
CreateTime 訊息建立時間
MsgType 訊息型別；視訊訊息為video
MediaId 媒體ID
ThumbMediaId 媒體縮略ID？
MsgId 訊息ID號原文：

　　5. 位置
傳送位置

　　後臺格式：

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName 訊息接收方微訊號，一般為公眾平臺賬號微訊號
FromUserName 訊息傳送方微訊號
CreateTime 訊息建立時間
MsgType 訊息型別，地理位置為location
Location_X 地理位置緯度
Location_Y 地理位置經度
Scale 地圖縮放大小
Label 地理位置資訊
MsgId 訊息ID號

　　6. 連結
傳送連結

　　後臺格式：

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName 訊息接收方微訊號，一般為公眾平臺賬號微訊號
FromUserName 訊息傳送方微訊號
CreateTime 訊息建立時間
MsgType 訊息型別，連結為link
Title 圖文訊息標題
Description 圖文訊息描述
Url 點選圖文訊息跳轉連結
MsgId 訊息ID號

　　傳送訊息型別

　　目前公眾賬號能向普通使用者推送三種格式的訊息：文字、圖文、音樂。其中圖文訊息包括單條圖文訊息和多條圖文訊息，展示方式有一點點不同。
另外，回覆的訊息支援星標操作：通過填寫FuncFlag欄位為1來對回覆訊息做星標操作後，可以在實時訊息的星標訊息分類中找到對應的推送訊息。

　　下面就這幾種分別詳解如下：

　　1. 文字訊息格式
回覆文字

　　後臺格式：

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　FromUserName 訊息傳送方
ToUserName 訊息接收方
CreateTime 訊息建立時間
MsgType 訊息型別，文字訊息必須填寫text
Content 訊息內容，大小限制在2048位元組，欄位為空為不合法請求
FuncFlag 星標欄位

　　2. 圖文訊息格式
2.1 單條圖文訊息
回覆單條圖文

　　後臺格式：

　　複製程式碼程式碼如下:

　　2.2 多條圖文訊息

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　FromUserName 訊息傳送方
ToUserName 訊息接收方
CreateTime 訊息建立時間
MsgType 訊息型別，圖文訊息必須填寫news
Content 訊息內容，圖文訊息可填空
ArticleCount 圖文訊息個數，限制為10條以內
Articles 多條圖文訊息資訊，預設第一個item為大圖
Title 圖文訊息標題
Description 圖文訊息描述
PicUrl 圖片連結，支援JPG、PNG格式，較好的效果為大圖640*320，小圖80*80
Url 點選圖文訊息跳轉連結
FuncFlag 星標欄位

　　3. 音樂訊息

　　後臺格式：

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName     接收方帳號（收到的OpenID）
FromUserName     開發者微訊號
CreateTime     訊息建立時間
MsgType          訊息型別，此處為music
    Title       音樂標題
    Description 音樂描述
    MusicUrl     音樂連結
    HQMusicUrl     高質量音樂連結，WIFI環境優先使用該連結播放音樂
FuncFlag     位0x0001被標誌時，星標剛收到的訊息。

　　事件訊息型別

　　目前使用者在關注和取消關注的時候會自動向公眾平臺傳送事件推送訊息：

　　1. 關注事件

　　複製程式碼程式碼如下:

　　2. 取消關注事件

　　複製程式碼程式碼如下:

　　3. 選單點選事件

　　複製程式碼程式碼如下:

　　XML格式講解

　　複製程式碼程式碼如下:

　　ToUserName     接收方微訊號
FromUserName 傳送方微訊號，若為普通使用者，則是一個OpenID
CreateTime     訊息建立時間
MsgType     訊息型別，event
Event     事件型別，subscribe(訂閱)、unsubscribe(取消訂閱)、CLICK(自定義選單點選事件)
EventKey 事件KEY值，與自定義選單介面中KEY值對應

　　簡單的自動回覆

　　我們在官方的例子上做一些修改，實現了一個傳送“?”就能回覆當前時間的功能。
該例子是接收文字訊息($postObj->Content)，並且回覆文字訊息($msgType = "text";)的。
你可以把以下程式碼儲存為index.php，按照上面提供的方法重新上傳。
程式碼如下：

　　複製程式碼程式碼如下:

　　define("TOKEN", "pondbay");
$wechatObj = new wechatCallbackapiTest();
$wechatObj->responseMsg();

　　class wechatCallbackapiTest
{
    public function responseMsg()
    {
        $postStr = $GLOBALS["HTTP_RAW_POST_DATA"];

　　if (!empty($postStr)){
            $postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA);
            $fromUsername = $postObj->FromUserName;
            $toUsername = $postObj->ToUserName;
            $keyword = trim($postObj->Content);
            $time = time();
            $textTpl = "<xml>
                        <ToUserName><![CDATA[%s]]></ToUserName>
                        <FromUserName><![CDATA[%s]]></FromUserName>
                        <CreateTime>%s</CreateTime>
                        <MsgType><![CDATA[%s]]></MsgType>
                        <Content><![CDATA[%s]]></Content>
                        <FuncFlag>0</FuncFlag>
                        </xml>";
            if($keyword == "?")
            {
                $msgType = "text";
                $contentStr = date("Y-m-d H:i:s",time());
                $resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
                echo $resultStr;
            }
        }else{
            echo "";
            exit;
        }
    }
}
?>

　　效果如下：

微信公眾平臺開發入門教程(圖文詳解)

微信公眾平臺開發入門教程(圖文詳解)

微信公眾平臺開發入門教程

微信公眾平臺開發入門視訊教程已釋出

【備忘】微信公眾平臺開發入門到實戰開發視訊教程

【備忘】【No5】微信公眾平臺開發入門到實戰開發視訊教程（Java+PHP)

[056] 微信公眾平臺開發視訊教程全面來襲

微信公眾平臺開發入門-劉運強-專題視訊課程

微信公眾平臺開發--文字及圖文訊息回覆的實現

微信公眾平臺開發教程（三）基礎框架搭建

微信公眾平臺開發教程（一）微信公眾賬號註冊流程

微信公眾平臺開發教程（八）Session處理

微信公眾平臺開發教程（十）訂閱號與服務號的區別

微信公眾平臺開發教程（二）基本原理及消息接口

微信公眾平臺開發教程（五）自定義菜單

微信公眾平臺開發教程-微信公眾服務號申請、認證（開通支付）-微信開發教程

微信公眾平臺開發教程-申請微信公眾號訂閱號（服務號）需要哪些材料

微信公眾平臺開發教程-關於申請微信公眾號訂閱號（服務號）的材料和流程

《微信公眾平臺開發教程（含java程式碼）》下載

Java微信公眾平臺開發(五)--文字及圖文訊息回覆的實現

[043] 微信公眾平臺開發教程第19篇-應用例項之人臉檢測

微信公眾平臺開發入門教程(圖文詳解)

相關推薦