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 獲取微信授權真實地址
微信授權機制是這樣的,瀏覽器請求,微信驗證,然后通過后返回到請求頁面,所以是我們的鏈接地址不對,那真實的鏈接在哪兒呢?看下圖。、
里面的redirect_uri參數就是訪問的頁面,我們把這個地址復制到剛才的Chrome里面,訪問,結果如下圖。
06 收工
到了這一步,后面的操作就看自己了。用類似方法,基本可以繞過所有的微信公眾號授權。打卡收工。
更多前端、GIS相關博客,請訪問我的個人博客88gis.cn查看更多