微信小程序无法发起接口请求

最近在做小程序开发,踩到了一个坑,在这里记录一下。

用小程序开发者工具时,在开发阶段,可能有些接口域名还没上线或者还没配置成小程序的白名单或者HTTPS证书等问题,但为了能正常开发,开发者工具有个设置可以先跳过域名、https等的校验。

但是,当你开发完的时候,需要在真机预览呢?

真机可以跳过这些校验吗?

答案是可以的。微信真机预览小程序时,点击右上角“三点”按钮可以设置debug模式,设置后,需要重新打开小程序才生效。在debug模式下,打开小程序后会在右下角有个绿色的“console”按钮,点击这个按钮可以看到一个简版的Chrome开发者工具面板啦。

而当你开启debug模式,微信就默认帮你开启跳过域名、https等校验了。

说完怎么用了,那么坑在哪呢?

首先作为开发者,开发者工具和微信一般我们设置一次debug模式,就会保留设置了,因为要经常用到。但是如果你的代码有个接口请求不小心写成了http,那么在测试过程就很难发现这个问题,然后到别人的真机看时,就发现怎么点击这个按钮没反应呢?而且还看不到出错,因为微信直接拦截了http接口请求。

这时候就可能出现很难debug出原因了。所以,建议开发者在开发完后在PC的微信开发者工具,把“不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书”选项的勾选去掉,再跑一次测试,如果出现类似http拦截的低级错误,开发者工具是可以报错发现的。

本文由 w3cmark_前端笔记 版权所有,转载时请注明出处。
注明出处格式:w3cmark (http://www.w3cmark.com/2018/575.html)

分享到:

关注w3cmark
微信公众号 w3cmark_com