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

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

在進(jìn)行微信網(wǎng)頁開發(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)限說明請(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)楸窘坛讨饕v述網(wǎng)頁開發(fā)，訂閱號(hào)獲取OPENID需要通過多圖文的鏈接傳遞，過程相對(duì)繁瑣。本篇后續(xù)教程均以認(rèn)證服務(wù)號(hào)為例進(jìn)行講解。如果沒有認(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)為例，我們先需要注意配置以下內(nèi)容：

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

1） 確認(rèn)已添加相關(guān)功能插件。

默認(rèn)的情況下，申請(qǐng)完認(rèn)證服務(wù)號(hào)，微信并沒有默認(rèn)開通所有的功能。因此大家需要將自己需要用到的功能添加進(jìn)來。如下圖所示：

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ù)域名：設(shè)置業(yè)務(wù)域名后，在微信內(nèi)訪問該域名下頁面時(shí)，不會(huì)被重新排版。

JS接口安全域名：設(shè)置JS接口安全域名后，公眾號(hào)開發(fā)者可在該域名下調(diào)用微信開放的JS接口。比如選擇相冊(cè)、上傳照片、錄音以及上傳錄音等等。

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

JS接口安全域名配置界面如下所示：

5） 開發(fā)配置

APPId和AppSecret：用于生成AccessToken。

服務(wù)器配置：用于接收微信服務(wù)器事件請(qǐng)求，比如關(guān)注事件、取消關(guān)注事件、關(guān)鍵字、菜單點(diǎn)擊等等。配置如下圖所示，服務(wù)器地址對(duì)是否需要域名備案沒有要求：

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

注意：如果在微信網(wǎng)頁想獲取到當(dāng)前粉絲信息（包括OPENID），請(qǐng)使用OAuth網(wǎng)頁授權(quán)接口并且設(shè)置【授權(quán)回調(diào)頁面域名】。使用框架中的WeChatOAuth也需要配置【授權(quán)回調(diào)頁面域名】。

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

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

如上所示，接口配置信息用于配置服務(wù)器事件地址和Token，以接收服務(wù)器事件消息。JS接口安全域名配置同認(rèn)證服務(wù)號(hào)。

同樣的，測(cè)試號(hào)也有接口權(quán)限列表：

注意，別忘了配置【網(wǎng)頁授權(quán)域名】。如下所示：

這里順便說下測(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)單方便。不過在使用過程中，請(qǐng)注意測(cè)試號(hào)的接口權(quán)限以及調(diào)用次數(shù)。值得注意的是，測(cè)試號(hào)的模板消息是自行隨意編輯的，而不是從模板庫選擇，建議大家從模板庫中復(fù)制模板內(nèi)容，然后根據(jù)模板庫編號(hào)（非模板消息編號(hào)）進(jìn)行模板消息推送。

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

常見問題

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

答：這是在使用網(wǎng)頁授權(quán)獲取用戶基本信息接口是所拋出的錯(cuò)誤。在懷疑參數(shù)排序或者處理之前，請(qǐng)確認(rèn)已經(jīng)設(shè)置【授權(quán)回調(diào)頁面域名】。如果您使用了WeChatOAuth篩選器來獲取用戶信息，那么生成鏈接的錯(cuò)誤性基本上沒有。

?

2）JSSDK錯(cuò)誤。

答：在確認(rèn)配置以及寫法是否正確之前，請(qǐng)確認(rèn)已經(jīng)配置【JS接口安全域名】。如果您使用了框架的封裝來配置JSSDK，那么配置錯(cuò)誤的可能性基本沒有。

?

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

答：JSSDK上傳接口Bug，框架中的JSSDK封裝默認(rèn)修復(fù)了此問題

?

4）permission denied

答：確保公眾號(hào)已經(jīng)認(rèn)證，并且jsApiList參數(shù)中包括相關(guān)api的權(quán)限?？蚣苣J(rèn)配置中包含了所有的權(quán)限。

?

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

答：使用JSSDK上傳后，素材將會(huì)上傳到臨時(shí)素材之中，請(qǐng)使用相關(guān)接口下載到服務(wù)器。

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