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

認(rèn)識並選擇合適的公眾號類型

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

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

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

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

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

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

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

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

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

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

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

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

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

2） 如果需要用到微信支付，請額外申請。

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

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

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

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

如上圖所示，以下兩點要特別注意。

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

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

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

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

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

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

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

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

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

測試號配置

測試號配置相對簡單明了，我們先來看看介面：

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

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

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

這裡順便說下測試號碼的申請。申請地址如下：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

只要用微信掃一掃，你就可以擁有自己的測試號了。

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

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

常見問題

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

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

?

2）JSSDK錯誤。

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

?

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

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

?

4）permission denied

答：確保公眾號碼已認(rèn)證，並且包含相關(guān)的參數(shù)參數(shù)中包含相關(guān)的參數(shù)。框架預(yù)設(shè)配置中包含了所有的權(quán)限。

?

5） 上傳完成後，沒有看到上傳的素材

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

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