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

認識並選擇合適的公眾號類型

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

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

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

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

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

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

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

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

公眾號相關配置

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

認證服務號碼

1） 確認已新增相關功能外掛程式。

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

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

3） 公眾號設定。

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

4） 公眾號碼功能設定。

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

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

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

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

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

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

5） 開發(fā)設定

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

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

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

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

測試號配置

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

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

同樣的，測試號也有介面權限清單：

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

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

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

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

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

常見問題

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

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

?

2）JSSDK錯誤。

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

?

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

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

?

4）permission denied

答：確保公眾號碼已認證，並且包含相關的參數(shù)參數(shù)中包含相關的參數(shù)?？蚣茴A設配置中包含了所有的權限。

?

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

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

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