如何使用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好像也可以,但这个工具我用的少,我就不试了,不过原理应该差不多。开启代理就行

posted @ 2019-06-06 16:52  随彦心MO  阅读(1727)  评论(0编辑  收藏  举报