如何使用Charles讓手機訪問PC自定義域名?


需求:移動端訪問PC上的自定義域名,如在Nginx上配置的域名
​ 如vv.zzcloud.com這個域名在pc上是通過host映射的方式訪問,現在需要在手機上訪問到這個域名。
工具:Charles代理工具
系統:Mac OS

項目中需要查看手機端頁面,通過Chrome帶的那個模擬器畢竟不如真機的效果,有些東西確實沒法模擬,所以我想直接在手機上看開發環境的效果

由於只是開發完成,所以我的頁面還沒有發布到線上,也就是說沒法通過線上的域名訪問到,所以得想其它的辦法。

嘗試用過ngork這個內網穿透工具倒是可以,不過免費版的沒法穿透自定義域名,只能是locahost和ip那種,顯然不滿足我的需求。

因為一直用Charles,就想看看用這個代理工具,在網上找了下,大部分都是直接訪問PC的IP這種形式,不是域名的。找了半天才找到一篇相關的。按那個操作后,現在在手機上能直接訪問PC上的頁面了。

操作方法如下:

  1. 要保證手機和電腦在一個網段,我的環境是PC和手機連的同一個Wifi.
  2. 直接訪問PC上的域名肯定不行,因為那個域名是配置在PC上面的,沒有經過PC,所以需要用Charles代理下,讓手機經過PC。
  3. 找到Charles代理開啟的端口(Proxy Setting),如我的是默認的8888
  4. 在手機上修改下連接網絡,改為使用代理上網,代理IP寫PC上的IP, 端口寫Charles代理端口8888
  5. 然后在手機上就能訪問到域名了

PS: 用Fiddler好像也可以,但這個工具我用的少,我就不試了,不過原理應該差不多。開啟代理就行


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM