微信網頁開發之配置說明與常見錯誤（二）

在開始開發以前，咱們先要對公衆號有必定的瞭解。

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

在進行微信網頁開發以前，咱們須要對公衆號類型有必定的瞭解。以下圖所示：

服務號、訂閱號、企業號的介紹（區別）

• 訂閱號：主要偏於爲用戶傳達資訊（相似報紙雜誌），認證先後都是天天只能夠羣發一條消息；
• 服務號：主要偏於服務交互（相似銀行，114，提供服務查詢），認證先後都是每月可羣發4條消息；
• 企業號：主要用於公司內部通信使用，須要先有成員的通信信息驗證才能夠關注成功企業號；

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

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

注意：由於本教程主要講述網頁開發，訂閱號獲取OPENID須要經過多圖文的連接傳遞，過程相對繁瑣。本篇後續教程均以認證服務號爲例進行講解。若是沒有認證服務號進行開發，請使用測試號。

公衆號相關配置

在進入開發以前，咱們須要對公衆號進行一些配置，不然會出現一些莫名其妙的錯誤，浪費咱們大量的時間和精力。下面先以認證服務號爲例，咱們先須要注意配置如下內容：

認證服務號

1） 確認已添加相關功能插件。

默認的狀況下，申請完認證服務號，微信並無默認開通全部的功能。所以你們須要將本身須要用到的功能添加進來。以下圖所示：

2） 若是須要用到微信支付，請額外申請。

3） 公衆號設置。

申請完公衆號後，建議優先設置頭像、微信號、介紹等內容：

4） 公衆號功能設置。

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

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

業務域名：設置業務域名後，在微信內訪問該域名下頁面時，不會被從新排版。

JS接口安全域名：設置JS接口安全域名後，公衆號開發者可在該域名下調用微信開放的JS接口。好比選擇相冊、上傳照片、錄音以及上傳錄音等等。

若是使用認證服務號而且須要使用到JSSDK，請注意配置JS接口安全域名，並域名必須是已備案的一級域名。若是是配置測試號，則可使用未備案的域名以及二級域名。

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

5） 開發配置

APPId和AppSecret：用於生成AccessToken。

服務器配置：用於接收微信服務器事件請求，好比關注事件、取消關注事件、關鍵字、菜單點擊等等。配置以下圖所示，服務器地址對是否須要域名備案沒有要求：

設置OAUTH2.0網頁受權域名：若是須要使用OAUTH接口獲取到微信粉絲信息，就必須設置此處域名。設置步驟以下所示

注意：若是在微信網頁想獲取到當前粉絲信息（包括OPENID），請使用OAuth網頁受權接口而且設置【受權回調頁面域名】。使用框架中的WeChatOAuth也須要配置【受權回調頁面域名】。

測試號配置

測試號配置相對簡單明瞭，咱們先來看看界面：

如上所示，接口配置信息用於配置服務器事件地址和Token，以接收服務器事件消息。JS接口安全域名配置同認證服務號。

一樣的，測試號也有接口權限列表：

注意，別忘了配置【網頁受權域名】。以下所示：

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

只要用微信掃一掃，你就能夠擁有本身的測試號了。

測試號是開發人員用於開發測試的不二選擇，申請測試號也是比較簡單方便。不過在使用過程當中，請注意測試號的接口權限以及調用次數。值得注意的是，測試號的模板消息是自行隨意編輯的，而不是從模板庫選擇，建議你們從模板庫中複製模板內容，而後根據模板庫編號（非模板消息編號）進行模板消息推送。

配置好以上內容以後，咱們就能夠着手微信網頁開發了。

常見問題

1）redirect-uri參數錯誤。以下圖所示

答：這是在使用網頁受權獲取用戶基本信息接口是所拋出的錯誤。在懷疑參數排序或者處理以前，請確認已經設置【受權回調頁面域名】。若是您使用了WeChatOAuth篩選器來獲取用戶信息，那麼生成連接的錯誤性基本上沒有。

 

2）JSSDK錯誤。

答：在確認配置以及寫法是否正確以前，請確認已經配置【JS接口安全域名】。若是您使用了框架的封裝來配置JSSDK，那麼配置錯誤的可能性基本沒有。

 

3）上傳多張照片時，IOS系統沒法正常上傳，一直顯示加載狀態。

答：JSSDK上傳接口Bug，框架中的JSSDK封裝默認修復了此問題，處理方式見博客：http://www.cnblogs.com/codelove/p/5247090.html

 

4）permission denied

答：確保公衆號已經認證，而且jsApiList參數中包括相關api的權限。框架默認配置中包含了全部的權限。

 

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

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