由于微信開放平臺(tái)中內(nèi)容非常多，學(xué)起來(lái)不容易。這篇文章為公眾號(hào)如何接入網(wǎng)頁(yè)做了一個(gè)指引，幫助大家迅速入門。

　　首先我們先了解一下微信訂閱號(hào)提供的服務(wù)分為兩大類：

　　消息會(huì)話

　　公眾號(hào)是以微信用戶的一個(gè)聯(lián)系人形式存在的，消息會(huì)話是公眾號(hào)與用戶交互的基礎(chǔ)。目前公眾號(hào)內(nèi)主要有這樣幾類消息服務(wù)的類型。

　　群發(fā)消息：

　　訂閱號(hào)能主動(dòng)推送的文字消息、圖文消息、圖片、視頻、語(yǔ)音。

　　模版消息：

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

　　客服消息：

　　可以有真人客服參與的消息。

　　被動(dòng)回復(fù)消息：

　　系統(tǒng)自動(dòng)回復(fù)的消息。

　　以上消息類型用于不同的場(chǎng)景，這里不展開說(shuō)。

　　公眾號(hào)內(nèi)網(wǎng)頁(yè)

　　如果有許多復(fù)雜的業(yè)務(wù)場(chǎng)景，就需要通過(guò)網(wǎng)頁(yè)形式來(lái)提供服務(wù)。開發(fā)者必須自己實(shí)現(xiàn)前端頁(yè)面和后端服務(wù)，可以運(yùn)用以下微信提供的開發(fā)工具幫助開發(fā)：

　　開發(fā)者文檔：

　　這里包括訂閱號(hào)，小程序，服務(wù)器API等等的文檔集合。

　　[doc]https://developers.weixin.qq.com/doc/

　　公眾號(hào)開發(fā)工具：

　　該開發(fā)工具的優(yōu)點(diǎn)是可以模擬微信客戶端的環(huán)境幫助開發(fā)和調(diào)試。

　　[doc]https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140

　　微信JS-SDK：

　　是開發(fā)者在網(wǎng)頁(yè)上通過(guò)JavaScript代碼使用微信原生功能的工具包，開發(fā)者可以使用它在網(wǎng)頁(yè)上錄制和播放微信語(yǔ)音、監(jiān)聽微信分享、上傳手機(jī)本地圖片、拍照等許多能力。

　　[doc]https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

　　微信網(wǎng)頁(yè)樣式庫(kù)：

　　WeUI 是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫(kù)，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁(yè)和微信小程序量身設(shè)計(jì)，令用戶的使用感知更加統(tǒng)一。

　　[doc]https://weui.io/

　　微信服務(wù)API：

　　提供微信各種后臺(tái)服務(wù)的能力。

　　[doc]https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html

　　在線接口調(diào)試工具：

　　在線調(diào)試微信服務(wù)API。

　　[doc]https://mp.weixin.qq.com/debug?token=1891459664&lang=zh_CN

　　如何開發(fā)公眾號(hào)內(nèi)網(wǎng)頁(yè)

　　第一步：申請(qǐng)測(cè)試號(hào)。

　　微信公眾號(hào)的接口有權(quán)限控制，不同的公眾號(hào)類型具備不同的接口權(quán)限，如果你的帳號(hào)還沒有認(rèn)證是不能使用需要認(rèn)證權(quán)限的接口的。

　　以下是公眾號(hào)接口權(quán)限說(shuō)明文檔：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1433401084

　　為了不受權(quán)限的影響，我們可以申請(qǐng)測(cè)試賬號(hào)，就可以直接擁有所有接口的權(quán)限，方便開發(fā)。申請(qǐng)地址：https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index。

　　第二步：下載公眾號(hào)開發(fā)工具。

　　下載地址：

　　https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140

　　第三步：開發(fā)者授權(quán)。

　　如果開發(fā)過(guò)程中需要接入訂閱號(hào)，必須先通過(guò)訂閱號(hào)給開發(fā)者的授權(quán)，授權(quán)方式如下：

　　1. 在微信公眾平臺(tái)登錄公眾號(hào)

　　2. 在【開發(fā)】-【開發(fā)者工具】-【web 開發(fā)者工具】中給訂閱號(hào)開發(fā)者授權(quán)。

　　3. 打開剛下載的公眾號(hào)開發(fā)工具，用授權(quán)過(guò)的微信掃碼登錄，這樣開發(fā)的時(shí)候就能有權(quán)限訪問(wèn)公眾號(hào)的內(nèi)容。

　　第四步：前端網(wǎng)頁(yè)開發(fā)。

　　現(xiàn)在可以進(jìn)行正式的開發(fā)了，關(guān)于前端開發(fā)，可以使用微信JS-SDK調(diào)用微信前端的能力，使用微信網(wǎng)頁(yè)樣式庫(kù)遵循微信樣式規(guī)范，還需要注意一些適配。同時(shí)可以通過(guò)公眾號(hào)開發(fā)工具中的【公眾號(hào)網(wǎng)頁(yè)調(diào)試】功能調(diào)試頁(yè)面。

　　第五步：后端服務(wù)器開發(fā)。

　　1. 獲取access_token

　　微信提供了微信服務(wù)API，但是必須先獲取access_token才可以調(diào)用，access_token是公眾號(hào)的全局唯一接口調(diào)用憑據(jù)。

　　[doc]https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183

　　注意：必須先在公眾號(hào)中設(shè)置服務(wù)器IP白名單，才有權(quán)限調(diào)用獲取access_token的接口，通過(guò)AppID和AppSecret(可在【微信公眾平臺(tái)】-【開發(fā)】-【基本配置】頁(yè)中獲得，需要已經(jīng)成為開發(fā)者，且?guī)ぬ?hào)沒有異常狀態(tài))。調(diào)用接口時(shí)，請(qǐng)登錄【微信公眾平臺(tái)】-【開發(fā)】-【基本配置】提前將服務(wù)器IP地址添加到IP白名單中，點(diǎn)擊查看設(shè)置方法，否則將無(wú)法調(diào)用成功。小程序無(wú)需配置IP白名單。

　　2. 獲取微信服務(wù)器IP地址

　　如果公眾號(hào)基于安全等考慮，需要獲知微信服務(wù)器的IP地址列表。

　　[doc]https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140187

　　3. 獲取用戶信息

　　獲取用戶信息需要使用到openid。這里理清一下什么是openid。公眾號(hào)可以獲取關(guān)注用戶的openid，openid其實(shí)就是用戶加密過(guò)的微信號(hào)，在同一個(gè)公眾號(hào)里openid是用戶的唯一id是不會(huì)重復(fù)的。

　　但是如果你有兩個(gè)公眾號(hào)，同一個(gè)用戶分別關(guān)注了你的兩個(gè)公眾號(hào)，此時(shí)這同一個(gè)用戶在你兩個(gè)公眾號(hào)里的openid是不一樣的。那么如果你有多個(gè)公眾號(hào)中統(tǒng)一用戶id的需求。這里就需要使用unionid，同一個(gè)用戶關(guān)注你的多個(gè)移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾號(hào)，雖然openid不同，但是你可以通過(guò)openid獲取到用戶信息中的unionid，unionid在你的多個(gè)應(yīng)用中是唯一的。

　　注意：前提是你必須把你的多個(gè)應(yīng)用關(guān)聯(lián)到同一個(gè)開發(fā)者賬號(hào)中，在微信開放平臺(tái)中的【管理中心】中關(guān)聯(lián)。

　　[doc]https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140839

　　4. 通過(guò)在線接口調(diào)試工具調(diào)試API。

　　5. 調(diào)用微信服務(wù)API完成開發(fā)。

　　第六步：在公眾號(hào)中配置后端服務(wù)器。

　　公眾號(hào)接入自己的后端服務(wù)器，開發(fā)者需要按文檔配置。

　　[doc]https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Access_Overview.html