背景
在开户、换绑卡、换手机号过程中会遇到刷脸流程，而刷脸功能需要调取NA端能力，只能在app中调试，在实际调试过程中总会遇到些问题，如代理不能用，证书错误等问题，所以在此总结一下。
开始调试
代理软件Whistle简介：
基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler,MAC平台的Charles，代理规则格式上Whistle和Fiddler通用，都是txt格式，而Charles代理是xml格式，配置和切换都没有Whistle简便。
-
安装 Whistle ，终端运行： sudo npm install whistle -g--registry=https://registry.npm.taobao.org -
启动 Whistle ，终端运行： w2 start
-
浏览器访问：http://127.0.0.1:8899，打开如下界面：
image.png
4.点击whistle的右上角的“Online” 按钮，记住弹出框中的Port，和IPv4,这两个值在手机设置代理IP中会用到。
image.png
4.1 启动捕捉隧道连接，点击菜单栏的“HTTPS”,在弹出框中勾选：Capture TUNNEL CONNECTs
image.png
5.给手机设置代理IP5.1 安卓手机设置代理 第一步：手机连接名为”dxm_phone“的Wifi 第二步：连接dxm_phone后，点击本wifi的设置，打开”修改网络“ 第三步：在”高级“>"代理"下面选中代理模式为”手动“，并配置”代理服务器IP“为172.30.23.96,端口为：8899，你填入的IP和端口就是4中提到的。
5.2 IOS手机设置代理
第一步：手机连接名为”dxm_phone“的Wifi
第二步：连接dxm_phone后，点击wifi名称
第三步：在”代理配置“中代理模式为”手动“，并配置”服务器“为172.30.23.96,端口为：8899，你填入的IP和端口就是4中提到的。
6.电脑端whistle软件中设置代理规则
6.1如下图所示，创建一个名为“代理测试”的规则
image.png
6.2 右侧输入代理规则，可根据需要设置你的目标代理IP,下面是代理到10.64.45.199开发机的规则
10.64.45.199:8443 www.baifubao.com
10.64.45.199:8443 www.dxmpay.com
10.64.45.199:8443 m.baifubao.com
10.64.45.199:8443 qianbao.baidu.com
10.64.45.199:8443 wallet.baidu.com
10.64.45.199:8443 co.baifubao.com
10.64.45.199:8443 life.baifubao.com
10.64.45.199:8443 baifubao.baidu.com
10.99.84.37:8669 wallettools.baidu.com
10.94.181.54:8009 jrws.baidu.com
10.94.169.172:8877 miracle.sys.baidu.com
6.3 双击“代理测试”名称，使其名称后面多了一个“✔️”，表示此规则生效。
image.png
7. 手机安装Whistle的证书，手机浏览器扫码或者手动访问http://rootca.pro，下载文件
image.png
安卓手机：
A. 点击下载的文件
B. 使用“证书安装程序”打开
C. 输入手机密码或者图形解锁
D. 输入证书名称，证书用途选"VPN和应用",点击确定，证书安装完成。
IOS手机：
A. ios 手机浏览器扫码或者手动访问http://rootca.pro 下载证书，并安装
B. 设置 → 通用 → 关于本机 → 证书信任设置
C. 打开 下载的whistle证书后面的开关，证书安装完毕
image.png
8.查看接口返回的数据
8.1 电脑端的Whistle切换到Network标签下
image.png
app调试
。。。。。
其他问题
页面白屏：可能是js报错导致页面加载失败，可使用google浏览器的chrome://inspect功能调试app内的h5页面，前提是app开启debug模式
钱包demoAPP进h5页面显示“网络不给力，网络中断.......错误代码:3”，可能原因：1. 证书问题，建议删除手机内所有证书，只安装自己需要的。2.后端代码的问题。
相关文档
Whistle点击查看官方安装方法
网友评论