微信網(wǎng)頁(yè)開(kāi)發(fā)之配置說(shuō)明與常見(jiàn)錯(cuò)誤的示例

這篇文章主要介紹微信網(wǎng)頁(yè)開(kāi)發(fā)之配置說(shuō)明與常見(jiàn)錯(cuò)誤的示例，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

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

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

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

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

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

• 服務(wù)號(hào)：主要偏于服務(wù)交互（類(lèi)似銀行，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)可以用于開(kāi)發(fā)之外，我們還可以使用測(cè)試號(hào)進(jìn)行開(kāi)發(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)頁(yè)開(kāi)發(fā)，訂閱號(hào)獲取OPENID需要通過(guò)多圖文的鏈接傳遞，過(guò)程相對(duì)繁瑣。本篇后續(xù)教程均以認(rèn)證服務(wù)號(hào)為例進(jìn)行講解。如果沒(méi)有認(rèn)證服務(wù)號(hào)進(jìn)行開(kāi)發(fā)，請(qǐng)使用測(cè)試號(hào)。

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

在進(jìn)入開(kāi)發(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)，微信并沒(méi)有默認(rèn)開(kāi)通所有的功能。因此大家需要將自己需要用到的功能添加進(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ù)域名：設(shè)置業(yè)務(wù)域名后，在微信內(nèi)訪問(wèn)該域名下頁(yè)面時(shí)，不會(huì)被重新排版。

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

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

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

5） 開(kāi)發(fā)配置

APPId和AppSecret：用于生成AccessToken。

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

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

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

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

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

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

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

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

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

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

常見(jiàn)問(wèn)題

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

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

2）JSSDK錯(cuò)誤。

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

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

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

4）permission denied

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

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

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

以上是“微信網(wǎng)頁(yè)開(kāi)發(fā)之配置說(shuō)明與常見(jiàn)錯(cuò)誤的示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！