要實現微信分(fēn)享網頁時自定義縮略圖和簡介，需開(kāi)發者在公衆平台網站中(zhōng)創建公衆号、獲取接口權限後（公衆号認證後可以獲取接口權限），通過微信JS-SDK的分(fēn)享接口，來實現微信分(fēn)享功能。

第一(yī)部分(fēn) 準備步驟

1、注冊微信公衆号。

2、認證微信公衆号。

3、設置IP白(bái)名單。獲取AppID和AppSecret。

通過左側導航“開(kāi)發”--“基本配置”進入。通過開(kāi)發者ID及密碼調用獲取access_token接口時，需要設置訪問來源IP爲白(bái)名單。可将服務器ip、開(kāi)發機ip、測試機ip都進行設置。

步驟四：配置JS接口安全域名。

通過左側導航“設置”--“公衆号設置”--“功能設置”進入。設置JS接口安全域名後，公衆号開(kāi)發者才可在該域名下(xià)調用微信開(kāi)放(fàng)的JS接口。具體(tǐ)設置步驟如下(xià)圖所示。


第二部分(fēn) 開(kāi)發步驟

1、通過公衆号裏的AppID和AppSecret獲取access_token（接口調用憑據），并進行緩存（有效期爲2小(xiǎo)時）
公衆平台以access_token爲接口調用憑據，來調用接口，所有接口的調用需要先獲取access_token，access_token在2小(xiǎo)時内有效，過期需要重新獲取，但1天内獲取次數有限，開(kāi)發者需自行存儲

2、獲取jsapi_ticket，并進行緩存（有效期爲2小(xiǎo)時）。jsapi_ticket是公衆号用于調用微信JS接口的臨時票據

3、生(shēng)成JS-SDK權限驗證的簽名信息，并通過接口調用

簽名生(shēng)成規則如下(xià)：參與簽名的字段包括noncestr（随機字符串）, 有效的jsapi_ticket, timestamp（時間戳）, url（當前網頁的URL，不包含#及其後面部分(fēn)） 。對所有待簽名參數按照字段名的ASCII 碼從小(xiǎo)到大(dà)排序（字典序）後，使用URL鍵值對的格式（即key1=value1&key2=value2…）拼接成字符串string1。這裏需要注意的是所有參數名均爲小(xiǎo)寫字符。對string1作sha1加密，字段名和字段值都采用原始值，不進行URL 轉義。

4、網頁前端調用微信JSSDK

總結：

雖然是很簡單的一(yī)個分(fēn)享功能，但是步驟較多，涉及到公衆号注冊、認證、ip配置、域名配置，和獲取憑證access_token、jsapi_ticket、SHA1加密算法、config驗證等，再加上微信開(kāi)發文檔不夠明了，所以大(dà)家在開(kāi)發時會有各種困擾。現在将實現步驟整理出來，希望這篇文章能幫助到大(dà)家！

吐槽：

鄭州索騰網絡公司有相關開(kāi)發代碼，有需要的朋友可以聯系我(wǒ)(wǒ)們，這裏要吐槽下(xià)微信，給的demo中(zhōng)沒有.net，還要吐槽下(xià)阿裏雲虛拟空間提供的IP地址不是真實的IP，所以在公衆号中(zhōng)添加IP白(bái)名單的時，一(yī)直報簽名錯誤。