在開始開發(fā)之前，我們先要對(duì)公眾號(hào)有一定的了解。

認(rèn)識(shí)並選擇合適的公眾號(hào)類型

在進(jìn)行微信網(wǎng)頁(yè)開發(fā)之前，我們需要對(duì)公眾號(hào)類型有一定的了解。如下圖：

服務(wù)號(hào)碼、訂閱號(hào)碼、企業(yè)號(hào)的介紹（區(qū)別）

• 訂閱號(hào)：主要偏於為用戶傳達(dá)資訊（類似報(bào)紙雜誌），認(rèn)證前後都是每天只可以群發(fā)一條消息；

• 服務(wù)號(hào)：主要偏於服務(wù)交互（類似銀行，114，提供服務(wù)查詢），認(rèn)證前後都是每個(gè)月可群發(fā)4條消息；

• 企業(yè)號(hào)：主要用於公司內(nèi)部通訊使用，需要先有成員的通訊資訊驗(yàn)證才可以關(guān)注成功企業(yè)號(hào)；

幾種公眾號(hào)具體的權(quán)限說(shuō)明請(qǐng)查看：http://mp.weixin.qq.com/wiki /13/8d4957b72037e3308a0ca1b21f25ae8d.html

除了訂閱號(hào)碼、服務(wù)號(hào)碼、企業(yè)號(hào)可以用於開發(fā)之外，我們還可以使用測(cè)試號(hào)進(jìn)行開發(fā)和測(cè)試。測(cè)試號(hào)碼申請(qǐng)地址如下：http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

注意：因?yàn)楸窘虒W(xué)主要講述網(wǎng)頁(yè)開發(fā)，訂閱號(hào)碼取得OPENID需要透過(guò)多圖文的連結(jié)傳遞，過(guò)程相對(duì)繁瑣。本篇後續(xù)教學(xué)課程均以認(rèn)證服務(wù)號(hào)為例進(jìn)行講解。如果沒(méi)有認(rèn)證服務(wù)號(hào)進(jìn)行開發(fā)，請(qǐng)使用測(cè)試號(hào)。

公眾號(hào)相關(guān)配置

在進(jìn)入開發(fā)之前，我們需要對(duì)公眾號(hào)進(jìn)行一些配置，否則會(huì)出現(xiàn)一些莫名其妙的錯(cuò)誤，浪費(fèi)我們大量的時(shí)間和精力。以下先以認(rèn)證服務(wù)號(hào)碼為例，我們先需要注意設(shè)定以下內(nèi)容：

認(rèn)證服務(wù)號(hào)碼

1） 確認(rèn)已新增相關(guān)功能外掛程式。

預(yù)設(shè)的情況下，申請(qǐng)完認(rèn)證服務(wù)號(hào)，微信並沒(méi)有預(yù)設(shè)開通所有的功能。因此大家需要將自己需要用到的功能加入進(jìn)來(lái)。如下圖：

2） 如果需要用到微信支付，請(qǐng)額外申請(qǐng)。

3） 公眾號(hào)設(shè)定。

申請(qǐng)完公眾號(hào)碼後，建議優(yōu)先設(shè)定頭像、微訊號(hào)、介紹等內(nèi)容：

4） 公眾號(hào)碼功能設(shè)定。

此處很容易被忽略，設(shè)定入口如下所示：

如上圖所示，以下兩點(diǎn)要特別注意。

業(yè)務(wù)網(wǎng)域：設(shè)定業(yè)務(wù)網(wǎng)域後，在微信內(nèi)造訪該網(wǎng)域下頁(yè)面時(shí)，不會(huì)被重新排版。

JS介面安全網(wǎng)域：設(shè)定JS介面安全網(wǎng)域後，公眾號(hào)開發(fā)者可在該網(wǎng)域下呼叫微信開放的JS介面。例如選擇相簿、上傳照片、錄音以及上傳錄音等等。

如果使用認(rèn)證服務(wù)號(hào)並且需要使用到JSSDK，請(qǐng)注意配置JS介面安全域名，併域名必須是已備案的一級(jí)域名。如果是配置測(cè)試號(hào)，則可以使用未備案的網(wǎng)域名稱以及二級(jí)網(wǎng)域。

JS介面安全網(wǎng)域設(shè)定介面如下所示：

5） 開發(fā)設(shè)定

APPId和AppSecret：用於產(chǎn)生AccessToken。

伺服器設(shè)定：用於接收微信伺服器事件請(qǐng)求，例如追蹤事件、取消追蹤事件、關(guān)鍵字、選單點(diǎn)擊等等。配置如下圖所示，伺服器位址對(duì)是否需要網(wǎng)域名稱備案沒(méi)有要求：

設(shè)定OAUTH2.0網(wǎng)頁(yè)授權(quán)網(wǎng)域：如果需要使用OAUTH介面取得到微信粉絲訊息，就必須設(shè)定此處網(wǎng)域。設(shè)定步驟如下所示

注意：如果在微信網(wǎng)頁(yè)想取得到目前粉絲資訊（包括OPENID），請(qǐng)使用OAuth網(wǎng)頁(yè)授權(quán)介面並且設(shè)定【授權(quán)回呼頁(yè)面網(wǎng)域名稱】。使用框架中的WeChatOAuth也需要設(shè)定【授權(quán)回呼頁(yè)面網(wǎng)域名稱】。

測(cè)試號(hào)配置

測(cè)試號(hào)配置相對(duì)簡(jiǎn)單明了，我們先來(lái)看看介面：

如上所示，介面設(shè)定資訊用於設(shè)定伺服器事件位址和Token，以接收伺服器事件訊息。 JS介面安全網(wǎng)域設(shè)定同認(rèn)證服務(wù)號(hào)碼。

同樣的，測(cè)試號(hào)也有介面權(quán)限清單：

注意，別忘了設(shè)定【網(wǎng)頁(yè)授權(quán)網(wǎng)域】。如下圖：

這裡順便說(shuō)下測(cè)試號(hào)碼的申請(qǐng)。申請(qǐng)地址如下：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

只要用微信掃一掃，你就可以擁有自己的測(cè)試號(hào)了。

測(cè)試號(hào)是開發(fā)人員用於開發(fā)測(cè)試的不二選擇，申請(qǐng)測(cè)試號(hào)也是比較簡(jiǎn)單方便。不過(guò)在使用過(guò)程中，請(qǐng)注意測(cè)試號(hào)的介面權(quán)限以及呼叫次數(shù)。值得注意的是，測(cè)試號(hào)碼的範(fàn)本訊息是自行隨意編輯的，而不是從範(fàn)本庫(kù)選擇，建議大家從範(fàn)本庫(kù)複製範(fàn)本內(nèi)容，然後根據(jù)範(fàn)本庫(kù)編號(hào)（非範(fàn)本訊息編號(hào)）進(jìn)行範(fàn)本訊息推播。

配置好以上內(nèi)容之後，我們就可以著手微信網(wǎng)頁(yè)開發(fā)了。

常見問(wèn)題

1）redirect-uri參數(shù)錯(cuò)誤。如下圖所示

答：這是在使用網(wǎng)頁(yè)授權(quán)來(lái)取得使用者基本資訊介面是所拋出的錯(cuò)誤。在懷疑參數(shù)排序或處理之前，請(qǐng)確認(rèn)已經(jīng)設(shè)定【授權(quán)回呼頁(yè)面網(wǎng)域名稱】。如果您使用了WeChatOAuth篩選器來(lái)獲取使用者訊息，那么生成連結(jié)的錯(cuò)誤性基本上沒(méi)有。

?

2）JSSDK錯(cuò)誤。

答：在確認(rèn)配置以及寫法是否正確之前，請(qǐng)確認(rèn)已經(jīng)配置【JS介面安全網(wǎng)域】。如果您使用了框架的封裝來(lái)配置JSSDK，那麼配置錯(cuò)誤的可能性基本上沒(méi)有。

?

3）上傳多張照片時(shí)，IOS系統(tǒng)無(wú)法正常上傳，一直顯示載入狀態(tài)。

答：JSSDK上傳介面Bug，框架中的JSSDK封裝預(yù)設(shè)修正了這個(gè)問(wèn)題

?

4）permission denied

答：確保公眾號(hào)碼已認(rèn)證，並且包含相關(guān)的參數(shù)參數(shù)中包含相關(guān)的參數(shù)?？蚣茴A(yù)設(shè)配置中包含了所有的權(quán)限。

?

5） 上傳完成後，沒(méi)有看到上傳的素材

答：使用JSSDK上傳後，素材將會(huì)上傳到臨時(shí)素材之中，請(qǐng)使用相關(guān)介面下載到伺服器。

更多微信網(wǎng)頁(yè)開發(fā)之配置說(shuō)明與常見錯(cuò)誤相關(guān)文章請(qǐng)關(guān)注PHP中文網(wǎng)！