微信转发页面给盆友/到朋友圈要怎么本地调试?

248 阅读3分钟

自从项目组有了APP开发,好像少了很多适配的活!哈哈哈哈哈哈哈哈

但是?啊?APP分享出来的文章,从微信浏览器打开后再次点击分享,分享出来的内容样式不统一?

你也没提过这个需求啊,哭唧唧。

只好边哭边整。

由于之前同组伙伴整打开APP需求的时候发现只能通过公众号配置了的域名才能正常使用SDK,那...我咋整?也不能直接整上线啊...

如果,咱是说如果,我访问公众号的域名,但是走的是我本地代码呢?嗯?就说能不能整!开整!

需要的工具Charles,手机。还卡在SDK初始化不成功的朋友应该也可以使用以下方法进行测试,你只需要举一反三一下,对,就这么简单(doge)。

使用Charles代理

贴心的附上Charles下载地址,下载-安装-打开。

然后你会看着这个画面持续10s,因为它是收费软件。但是!没有付费也能用!!只能用半小时!!!然后他会强制退出!!!!

忍着贫穷的疼痛继续使用,正常情况,打开Charles再打开浏览器访问随便一个页面,你就能看见这样的画面:

image.png

这些就是Charles捕捉到的请求,但是如果你的浏览器或电脑打开的VPN等等工具,Charles是捕捉不到请求的,如果发现浏览网页时Charles没有数据的情况,别慌,看看是不是使用了VPN。

回顾一下,我们的目的是把在公众号里配置过的域名(以下代称线上域名)转发到自己本地的服务上,接下来,跟我一步步操作。

image.png

image.png

点击Add,打开如下弹窗,红框中需要填写线上域名的信息,绿框中是我们的本地服务地址,最简单的只需填写协议类型、主域、端口。

image.png

看看我们能不能在访问京东域名的时候查看到我本地的服务呢?

哈哈哈哈,放上这一步的配置。

image.png

这样,我们就实现了代理线上域名到自己本地的服务。接下来,就是如何把我手机的网络代理到电脑的本地服务里呢,毕竟目的是需要从微信浏览器里分享文章。

放心!Charles也可以!

首先,确保电脑和手机在同一个网络里,接着打开Charles-Help-Local Ip Address,查看自己电脑的IP地址。

image.png

接着掏出手机,打开WIFI设置,修改当前链接的网络,找到“高级选项”-代理,选择“手动”,输入Charles里显示的主机名和服务端口,保存之后就能把手机请求都转发到你电脑啦!

再通过之前的步骤,添加一个新配置,把你需要的域名转发到你的本地服务上(或测试服务),然后就可以愉快的测试SDK的调用了。

在这里只是提供一个调试的方法,相信除了这个方式朋友们肯定还有别的方法,在评论里教教我吧~