Chrome獲取微信受權，調試公衆號頁面

1.目的

        你可能遇到過這種狀況，在微信中打開公衆號是這樣的。

 

        複製連接，在chrome中打開是這樣的。

         博主今天要解決的就是，若是在chrome中加載須要微信受權的頁面，至於加載成功後要幹嗎，測試？抓包？查看源碼？...這就是你的事情了，先來講說怎麼繞過這個驗證吧。

2.準備工具

        工欲善其事必先利其器，先來講說工具。

        

工具名稱	用途
微信PC版	PC版的微信內置瀏覽器能獲取微信受權、複製頁面連接
Chrome瀏覽器	調試工具，咱們的目的就是在chrome裏面繞過微信受權
Fiddler4	抓包工具，須要靠它的網絡抓包來獲取微信受權信息

3.實現方法

        準備就緒，開工。

        01 開啓Fiddler4抓包

        Fiddler4使用方法，能夠自行百度，不過本文講述的使用很簡單，安裝-直接運行便可。

        02 登陸微信PC版

        Fiddler4運行後，手機微信掃碼登陸，而後點擊須要調試的公衆號內容。示例以下圖。

 

        03 抓取微信受權信息

        這個時候看到Fiddler4裏面出現了不少網絡抓取數據，先看當前頁面的。

        看到右側的參數沒？下一步咱們就將在Chrome中使用到這些。

        04 配置Chrome，繞過微信客戶端檢測

        直接複製URL地址：http://play10.beetobees.com/play/tpl_airfight/lT0tW1gt/ 。粘貼到chrome，不用猜，確定提示「請在微信客戶端中打開連接」。

        處理方法，複製「User-Agent」參數， Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36 MicroMessenger/6.5.2.501 NetType/WIFI WindowsWechat QBCore/3.43.901.400 QQBrowser/9.0.2524.400

        爲何會提示在微信客戶端中打開連接，緣由就在User-Agent這個裏面，微信公衆號是經過這個參數來識別瀏覽器版本的，若是不是騰訊自家的瀏覽器就不給你受權。Chrome中配置User-Agent的方法。

        F12，而後點擊下圖的按鈕，打開「NetWork conditions」選項卡。

        按照下圖，填入「User-Agent」內容。

        而後刷新下頁面。不會再出現「請在微信客戶端中打開連接」的提示了，可是卻出現了空白，title變成了「出錯了」。緣由很簡單，瀏覽器獲取不到微信的受權信息，解決方法見第5步。        

        05 獲取微信受權真實地址

        微信受權機制是這樣的，瀏覽器請求，微信驗證，而後經過後返回到請求頁面，因此是咱們的連接地址不對，那真實的連接在哪兒呢？看下圖。、

        緊挨着上一個抓取記錄下面有一個open.weixin.qq.com的記錄，查看下URL：https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxxxxxxxxxxx&redirect_uri=http%3A%2F%2Fplay10.beetobees.com%2Fplay%2Ftpl_airfight%2FlT0tW1gt%2F&response_type=code&scope=snsapi_userinfo&state=545e667db4256209ca5be9f4d6e44c89&uin=NjMwMTIzNDQw&key=4322f3c03a626475293b9c1bf1d1c80b5adc689b8a4701331f9c139bef6ba8904f7155518d63ba539966f0c7ec4c2074c393c784366971c89c93a2f085ac2cef4570a99b2b19e47ae0248288ee7d4edf&version=62060526&pass_ticket=T%2FoANTyAIgN9WXrK5OpCaHOQqk15QjaBB3z94VvCz6oSsItFxZ8KFSCqRGAiMEsy

        裏面的redirect_uri參數就是訪問的頁面，咱們把這個地址複製到剛纔的Chrome裏面，訪問，結果以下圖。

        

        06 收工

        到了這一步，後面的操做就看本身了。用相似方法，基本能夠繞過全部的微信公衆號受權。打卡收工。

　　更多前端、GIS相關博客，請訪問個人我的博客88gis.cn查看更多