微信公衆號接入網頁開發指引

因爲微信開放平臺中內容很是多，學起來不容易。這篇文章爲公衆號如何接入網頁作了一個指引，幫助初學者迅速入門。

首先咱們先了解一下微信訂閱號提供的服務分爲兩大類：

1、消息會話

公衆號是以微信用戶的一個聯繫人形式存在的，消息會話是公衆號與用戶交互的基礎。目前公衆號內主要有這樣幾類消息服務的類型。

• 羣發消息：

  訂閱號能主動推送的文字消息、圖文消息、圖片、視頻、語音。

• 模版消息：

  用戶觸發才能推送的有固定模版的消息。

• 客服消息：

  能夠有真人客服參與的消息。

• 被動回覆消息：

  系統自動回覆的消息。

以上消息類型用於不一樣的場景，這裏不展開說。

2、公衆號內網頁

若是有許多複雜的業務場景，就須要經過網頁形式來提供服務。開發者必須本身實現前端頁面和後端服務，能夠運用如下微信提供的開發工具幫助開發：

• 開發者文檔：

  這裏包括訂閱號，小程序，服務器API等等的文檔集合。

• 公衆號開發工具：

  該開發工具的優勢是能夠模擬微信客戶端的環境幫助開發和調試。

• 微信JS-SDK：

  是開發者在網頁上經過JavaScript代碼使用微信原生功能的工具包，開發者可使用它在網頁上錄製和播放微信語音、監聽微信分享、上傳手機本地圖片、拍照等許多能力。

• 微信網頁樣式庫：

  WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信內網頁和微信小程序量身設計，令用戶的使用感知更加統一。

• 微信服務API：

  提供微信各類後臺服務的能力。

• 在線接口調試工具：

  在線調試微信服務API。

  
  

如何開發公衆號內網頁

第一步：申請測試號。

微信公衆號的接口有權限控制，不一樣的公衆號類型具有不一樣的接口權限，若是你的賬號尚未認證是不能使用須要認證權限的接口的。（公衆號接口權限說明文檔 )

爲了避免授權限的影響，咱們能夠申請測試帳號，就能夠直接擁有全部接口的權限，方便開發。申請地址。

第二步：下載公衆號開發工具。

下載地址

第三步：開發者受權。

若是開發過程當中須要接入訂閱號，必須先經過訂閱號給開發者的受權，受權方式以下：

1. 在微信公衆平臺登陸公衆號

2. 在【開發】-【開發者工具】-【web 開發者工具】中給訂閱號開發者受權。

3. 打開剛下載的公衆號開發工具，用受權過的微信掃碼登陸，這樣開發的時候就能有權限訪問公衆號的內容。

第四步：前端網頁開發。

如今能夠進行正式的開發了，關於前端開發，可使用微信JS-SDK調用微信前端的能力，使用微信網頁樣式庫遵循微信樣式規範，還須要注意一些適配。同時能夠經過公衆號開發工具中的【公衆號網頁調試】功能調試頁面。

第五步：後端服務器開發。

1. 獲取access_token

微信提供了微信服務API，可是必須先獲取access_token才能夠調用，access_token是公衆號的全局惟一接口調用憑據。

注意：必須先在公衆號中設置服務器IP白名單，纔有權限調用獲取access_token的接口，經過AppID和AppSecret（可在【微信公衆平臺】-【開發】-【基本配置】頁中得到，須要已經成爲開發者，且賬號沒有異常狀態）。調用接口時，請登陸【微信公衆平臺】-【開發】-【基本配置】提早將服務器IP地址添加到IP白名單中，點擊查看設置方法，不然將沒法調用成功。小程序無需配置IP白名單。

2. 獲取微信服務器IP地址

若是公衆號基於安全等考慮，須要獲知微信服務器的IP地址列表。

3. 獲取用戶信息

獲取用戶信息須要使用到openid。這裏理清一下什麼是openid。公衆號能夠獲取關注用戶的openid，openid其實就是用戶加密過的微信號，在同一個公衆號裏openid是用戶的惟一id是不會重複的。

可是若是你有兩個公衆號，同一個用戶分別關注了你的兩個公衆號，此時這同一個用戶在你兩個公衆號裏的openid是不同的。那麼若是你有多個公衆號中統一用戶id的需求。這裏就須要使用unionid，同一個用戶關注你的多個移動應用、網站應用和公衆號，雖然openid不一樣，可是你能夠經過openid獲取到用戶信息中的unionid，unionid在你的多個應用中是惟一的。

注意：前提是你必須把你的多個應用關聯到同一個開發者帳號中，在微信開放平臺中的【管理中心】中關聯。

4. 經過在線接口調試工具調試API。

5. 調用微信服務API完成開發。

第六步：在公衆號中配置後端服務器。

公衆號接入本身的後端服務器，開發者須要按文檔配置。

本篇文章出處：微信公衆號 「獨立開發者週刊」 獨家發佈