本文所有教程及源码、软件仅为技术钻研。不波及计算机信息零碎性能的删除、批改、减少、烦扰，更不会影响计算机信息零碎的失常运行。不得将代码用于非法用处，如侵立删！**### 操作环境- win10- nexus5x- charles### Charles主动保留响应数据Charles主动保留响应配置工具-->镜像设置保留地位须要留神不要抉择保留至C盘，否则重命名时会报错找不到文件！！！文件重命名为json文件**### 成果**本文仅供学习交换应用，如侵立删！**
本文所有教程及源码、软件仅为技术钻研。不波及计算机信息零碎性能的删除、批改、减少、烦扰，更不会影响计算机信息零碎的失常运行。不得将代码用于非法用处，如侵立删！**## 医鹿APP九价HPV数据抓包剖析### 操作环境- win10- nexus5x- charles### 数据抓取Charles+Postern+LSPosed配置好间接抓包就能够### Charles主动保留响应数据Charles主动保留响应配置工具-->镜像设置保留地位须要留神不要抉择保留至C盘，否则重命名时会报错找不到文件！！！文件重命名为json文件**### 成果**本文仅供学习交换应用，如侵立删！**
零碎环境:win10 1.在charles官网上下载软件https://www.charlesproxy.com/... 注册码如下: Help->RegisterRegistered Name: https://zhile.ioLicense Key: 48891cf209c6d32bf42.防火墙开启charles利用网络控制面板->所有控制面板项->Windows Defender 防火墙->容许利用通过Windows Defender 防火墙进行通信 :将charles web debugging proxy的专用和公开网络都勾上即可 3.开始抓包具体教程参考:https://blog.csdn.net/AI_Gree... 此处须要留神:ios零碎:须要配置证书信赖 android零碎:在安卓零碎里，证书被分为两类，零碎证书，用户证书，应用charles装置的证书属于用户证书，在安卓7版本以上，为了平安，用户证书默认不再受信赖，就会导致抓取https包时app网络异样。 解决方案:一、降级安卓零碎,应用夜神模拟器(旧版,不然不反对7版本以下安卓,我装的是6.6.0.1版本)https://www.yeshen.com/blog/v...（夜神模拟器旧版下载地址）后续操作参考:https://www.cnblogs.com/yulia... 二、不想降级安卓零碎,将用户证书改为零碎证书(须要root)，举荐还是应用模拟器装置证书参考:https://wenku.baidu.com/view/... 4.胜利抓包
(seg这体验太差了，写了两次文章都没能保留，半小时白记录,心田吐槽下) 居家办公期间，手机须要链接电脑进行调试，本人记录下踩坑，避免再犯 踩坑点iphone和mac必须在同一个局域网下，且链接的wifi不能含有中文名称vpn和charles不能同时启用mac下载的charles证书必须受信赖调试过程网络一大把，举荐这篇文章 mac 配置Charles抓包，在iPhone手机端调试 (可点击查看) mac电脑装置charles，且须要装置证书 设置proxy代理 设置ssl PC端设置macOs proxy 此时曾经阔以在电脑端进行查看以后的网络申请信息 接下来就是设置手机代理 首先手机须要装置证书，具体阔以操作charles查看 手机连贯电脑进行调试，前提是须要在同一个局域网下，且链接的wifi不能含有中文名 iphone机下载证书之后，须要信赖证书
下载&装置官网地址：https://www.charlesproxy.com/...，须要付费cracked 版本：https://macwk.com/soft/charles 配置 PC 端点击 Help -> SSL Proxying -> Install Charles Root Certificate，在弹出的钥匙串窗口中，搜寻 charles，将证书信赖调转改为『始终信赖』配置 Proxy -> SSL Proxying Settings，增加要代理的域名，示例： 配置 Tools -> Map Remote，增加要代理的资源/申请，示例： 配置 iOS 端装置证书配置网络代理，设置 -> 无线局域网 -> 点击 wifi 名称 -> 配置代理，抉择手动，在服务器中输出 PC IP，端口输出 8888，点击存储在手机浏览器中拜访 chls.pro/ssl，而后关上『设置』，点击『已下载的证书』，实现证书的装置挪动端调试与 PC 端代理形式雷同
Charles操作（web端和挪动端）Web端平安证书装置代理设置批改request申请参数值（通过断点批改）批改request申请参数值（通过画笔批改）批改response申请参数值（通过断点批改）批改response申请参数值（通过maplocal批改）模仿弱网测试模仿404 / 403 返回值404403屏蔽web网页抓包信息抓包后果列表展现繁难的接口压力测试挪动端平安证书[](https://blog.csdn.net/weixin_...Web端平安证书装置 代理设置而后重启charles就能够了 批改request申请参数值（通过断点批改） 批改request申请参数值（通过画笔批改） 批改response申请参数值（通过断点批改）和request 一样次要的区别增加断点以及批改内容 批改response申请参数值（通过maplocal批改）不必的时候间接勾销 模仿弱网测试 模仿404 / 403 返回值404 403反复之前的操作，将增加网址的中央换成403 敞开404 403 屏蔽web网页抓包信息 抓包后果列表展现 繁难的接口压力测试 挪动端平安证书`# 命令行中获取ip地址ipconfig` * 1* 2 在进行网页输出的时候遇到了一个问题，进入页面无奈获取网址，显示连贯谬误，进入其余利用中也是无奈连贯网络，起初，先是在网络中勾销了代理，而后在通过给网络的各种操作直至关上浏览器能够呈现数据为止，而后在网络中再次设置代理，在浏览器中进行 chls.pro/ssl 网页查问就能够下载了 挪动端和web端的操作是一样的就不一一写入博客了
charles下载地址 https://www.charlesproxy.com/... 导入证书点击 help->ssl proxying -> install charles root certificate enable ssl proxying右键mp.weixin.qq.com域名，选择enable ssl proxying 在 proxy->ssl proxying settings可以看到，也可以手动添加 点击“Add”按钮，在弹出框的 “Host” 和 “Port” 都输入“*”，最后点击OK，根据提示，这样配置可以抓取所有的https包 抓包没安装证书前抓公众号文章 安装后 可以看到请求地址 手机上安装证书Help > SSL Proxying > Install Charles Root Certificate on a Mobile Device or Remote Browser 手机上打开 chls.pro/ssl 下载证书 参考https://zhile.io/http://ciika.com/2018/07/wind... 教你获取公众号全部文章Charles破解与抓包教程Charles 从入门到精通使用Charles抓包Charles 手机抓包记录Charles抓包之HTTPS抓包配置
React Native 组件库1. NativeBase 超过 10k stars 和 1k fork，NativeBase 是一个广受欢迎的 UI 组件库，它为 React native 提供了几十个跨平台组件。当使用 NativeBase 时，你可以使用任何现成的本地第三方库，并且项目本身围绕着它提供了丰富的生态系统，从有用的starter-kit到可定制的主题模板。这是一个不错的入门工具包。 2. React Native Elements 在超过1 5k 的 stars ，react-native-elements是一个高度可定制的跨平台 UI 工具包，完全用 Javascript 构建。 其作者声称“React Native Elements 的想法更多的是关于组件结构而不是实际设计，这意味着在设置某些元素时可以更少的样板，但可以完全控制它们的设计”，这应该使它对新开发人员和经验丰富的老手都很有吸引力。 这是一个示例 Expo 应用程序，显示了所有正在运行的组件。 3. Shoutem 超过 4 k stars 的 Shoutem 是一个 React Native UI Kit，由 UI 组件、主题和组件动画三部分组成。该库为 iOS 和 Android 提供了一组跨平台组件，所有组件都是可组合和可定制的。每个组件还具有与其他组件一致的预定义样式，这使得无需手动定义复杂样式就可以构建复杂组件。 4.UI Kitten超过 3 k stars 的 UI Kitten 提供了一个可定制和可重用的 react-native 组件工具包，该工具包基于将样式定义移动到特定位置的概念，使组件可重用，并以一种单一的方式设计样式。通过传递一组不同的变量，可以很容易地动态更改主题。这里有一个不错的 Expo 事例，可看看。 ...
问题描述最近学习react，使用Charles mock数据。结果API 404。配置过程 (问题复现)react部分react项目运行在本地 3000端口，本地访问localhost:3000, 下图是在react组件中 生命周期里API的调用API请求地址 http://localhost.:3000/api/todolistCharles部分在桌面创建了一个名为todolist的JSON文件在Charles里Tools下 使用map local来模拟http请求返回具体配置：Map From,包含协议、端口号、地址等；Map To里 Local path就是本地文件的路径，在这里指向了本地的todolist.json结果项目里调用，Charles代理，应该是可以了的，但是 API调用结果404…思路在本地疯狂刷新页面，发现Charles 只抓取了线上的包，并没有抓取到我本地localhost的有个神仙(某种场外救援)说可能是Charles升级导致的 本地可以尝试访问http://localhost.charlesproxy…:3000尝试访问了下 发现react项目真的也运行在这个神奇的域名下，Charles也可以抓到这个域名下的包解决方法map local也配置在这个神奇的域名下就可以了现在返回正常了
Charles安装及使用1. 下载下载地址2. 注册码Registered Name: https://zhile.ioLicense Key: 48891cf209c6d32bf43. 安装PC证书Help ——> SSL Proxying ——> Install Charles Root Certificate如图所示点击弹出页面的安装证书，点击下一步选择 将所有的证书都放入下列存储， 点击浏览，选择存储位置为 “受信任的根证书颁发机构”，然后点击确定，下一步。如图所示4. 截取手机设备上的网络封包开启Charles代理点击 Proxy ——> Proxy Settings，Port 默认 8888，将Enable transparent HTTP proxying 前面的选择框勾选手机设置Charles代理将手机与电脑连在同一个局域网下，IP为电脑ip，端口为8888安装手机证书安卓手机安装证书 Help –> SSL Proxying –>Save Charles Root Certificate…，选择要保存的文件目录，点击 Save, 将保存的文件传到手机，点击手机的 设置 -> WLAN -> 高级设置 -> 安装证书，找到文件保存目录，安装完成5. 中文乱码问题Proxy –> SSL Proxying Setting –> Enable SSL Proxying 点击 Add，编辑Location，输入 Host: * , Port: 443，点击 OK
首先需要在Mac上打开Charles,并启动代理,完成了一系列配置后,能正常监听流量了以后,再进行下面操作(配置电脑证书等).PC端Charles设置,可以参考我另外一篇文章https://segmentfault.com/a/11…监听iOS设备流量(信任https请求),安卓端与iOS类似,只不过安卓端下载证书后,需要去系统文件中打开证书安装并信任(IOS只有下载立即安装,如果下载完成没有安装,以后如果需要安装证书,只能重新下载)打开Charles帮助, 查看移动端证书安装提示按照提示设置IOS WIFI代理.(IOS设备与电脑需要处于同一网络).上图红圈标红的内容是,我电脑在局域网的内网IP,8888是我电脑设置的代理监听端口.如果有必要,修改步骤2红框中的端口Mac电脑Charles代理设置方式.上图中1是必选项,只有勾选了,才能启动代理.2是代理监听端口,默认8888配置iOS设置代理(需要与电脑处于同一WIFI),服务器和端口就是步骤2红框中的内容下载证书.在iOS上配置好WIFI代理后,使用Safari浏览器打开http://chls.pro/ssl ,浏览器会自动下载一个 证书,安装即可.注意:只能用Safari浏览器打开才有用浏览器打开http://chls.pro/ssl 后的提示如果下载文件成功,点击允许,会跳转到该界面点击安装即可.安装成功会如下图所示如果安装成功,在设置–> 通用 –> 描述文件 中会新增一个Charles Proxy的描述文件.前往 设置–> 通用 –> 关于本机–> 证书信任设置 里,将刚刚新增的Charles证书设置为启用状态,设置为启用后,应该如下图所示(开关选项会显示为绿色)完成上面的步骤,iOS上的Charles代理https证书就设置完成啦.打开浏览器,随便打开个https网页,电脑端的记录就会显示详细内容了,而不会显示问号疑难杂症:问: 如果你移动端配置好以后,还是无法监听https流量答: 请你先确定,你是否能够监听移动端的http流量,如果http流量都无法监听,那么是你电脑Charles设置问题,与移动设备无关问: iOS设备用浏览器打开http://chls.pro/ssl 后,手机没有弹出允许的窗口,而是直接让你保存下载文件,或者打开后无反应.答: 请先确认你手机电脑是否使用到是同一WIFI,并且保证你iOS中WIFI设置的代理是步骤2中的 >IP+端口.然后,再使用移动设备默认浏览器打开,iOS必须要用Safari浏览器打开如果你是使用Mac电脑,那么,你还需要检查你的电脑中是否安装有Charles证书,并且设置为始终信任.下图是我电脑的钥匙串系统证书列表
实现步骤下载和安装Charles下载和安装电脑的Charles证书，并设置为始终信任，默认是不信任从Charles上获取需要在iPhone上安装的 证书网址在iPhone上下载和安装证书，最关键一步是要对证书进行 信任 设置在Charles上进行 SSL代理设置Https转http的代理设置在iPhone上设置 HTTP代理具体实现下载和安装Charles软件。下载和安装电脑的Charles证书，并设置信任，默认是不信任的，具体操作如下图从Charles上获取需要在iPhone上安装的 证书网址 。点击菜单栏中的Help找到下载证书的网址，如下图提示：要同时下载手机版和电脑版的Charles证书才能使用 Charles 抓取iPhone上的数据接口在iPhone上下载和安装证书。在浏览器中输入刚才获取的Charles证书的网址，我刚才获取到的是 chls.pro/ssl，不同的版本可能网址不一样。安装证书后可以在手机的 设置 –> 通用 –> 描述文件 里查看刚刚安装的证书。如下图：安装完证书后必须在手机上设置对证书的信任，在抓包时才能正确的获取APP数据接口，否则即使成功安装了也还是获取不到，有很多人写的博客都没有提到这个关键步骤！设置信任方法： 设置 –> 通用 –> 关于本机 –> 证书信任设置。在Charles上进行 SSL代理设置，步骤如下图将线上https代理至本地的http服务器（有需要可添加本步骤）iPhone上设置代理（太过简单，略）
首发于 樊浩柏科学院Charles 是在 Mac 下常用的截取网络封包的工具（Win 环境也已支持），在移动端开发过程中，我们常需要截取网络包分析服务端的通讯协议。Charles 将自己设置成系统的网络访问代理服务器，不仅可以提供 SSL 代理，还支持流量的控制、支持重发网络请求、支持修改网络请求参数、支持网络响应截获并动态修改。安装Charles从 Charles 的 官方网站 下载最新的安装包，下载晚完成安装即可。Charles 是付费软件，当然免费状态也可以使用。可以使用如下信息完成注册：Registered Name: https://zhile.ioLicense Key: 48891cf209c6d32bf4如果注册失败，可以尝试 这种方法。设置成系统代理服务器由于 Charles 是通过将自己设置成代理服务器来完成封包截取的，所以第一步是需要将 Charles 设置成系统的代理服务器。启动 Charles 后，菜单中的 “Proxy” -> “Windos Proxy（或者Mac OS X Proxy）”， 来将 Charles 设置成系统代理。如下所示：配置后，就可以在界面中看到截取的网络请求。但是，Chrome 和 Firefox 浏览器默认并不使用系统的代理服务器设置， 所以需要将 Chrome 和 Firefox 设置成使用系统的代理服务器，或者直接设置成地址127.0.0.1：8888。如果 Chrome 已安装了 Host Switch Plus 插件，则需要暂时关闭。过滤网络请求一般情况下，我们只需要监听指定服务器上发送的请求，可以使用如下办法解决：方式1：在主界面 “Sequence” -> “Filter” 栏位置输入需要过滤的关键字即可。例如输入fanhaobai，则过滤输出只包含 fanhaobai 信息的请求。方式2：在 Charles 的菜单栏选择 “Proxy” -> ”Recording Settings”，并选择 Include 栏，添加一条永久过滤规则，主要填入需要截取网站的协议、主机地址、端口号。方式3：右击需要过滤的网络请求，选择 “Focus” 选项即可。方式 1 和方式 3 可以快速地过滤临时性网络请求，使用方式 2 过滤永久性网络请求。截取移动设备网络包Charles 除了可以截取本地的网络包，作为代理服务器后，同样可以截取移动设备的网络请求包。设置Charles截取移动设备网络包时，需要先将 Charles 的代理功能打开。在 Charles 的菜单栏上选择 “Proxy” -> ”Proxy Settings”，填入默认代理端口 8888，且勾选 “Enable transparent HTTP proxying” 就完成了设置。如下图所示：iPhone首先，通过 Charles 的顶部菜单的 “Help” -> ”Local IP Address” 获取本地电脑的 IP 地址，例如我的本机电脑为192.168.1.102。在 iPhone 的 ”设置“ -> ”无线局域网“ 中，对当前局域网连接设置 HTTP 代理（端口默认为 8888），如下图：设置完成后，打开 iPhone 的任意程序，在 Charles 就可以弹出连接确认窗口，点击 ”Allow” 即可。Android在 Android 上操作同 iPhone，只是某些系统设置方式不一致而已。截取 Https 包如果需要截取并分析 Https 协议信息，需要安装 Charles 的 CA 证书。本地通信信息点击 Charles 的顶部菜单，选择 “Help” -> “SSL Proxying” -> “Install Charles Root Certificate”，即可完成证书的安装。如下图所示：建议将证书安装在 ”受信任的根证书颁发机构“ 存储区。特别说明，即使安装完证书后，Charles 默认是不会截取 Https 网络通讯的信息。对于需要截取分析站点 Https 请求，可以右击请求记录，选择 SSL proxy 即可，如图所示：移动设备的通信信息如果在 iPhone 或 Android 机器上截取 Https 协议的通讯内容，需要手机上安装相应的证书。点击 Charles 的顶部菜单，选择 “Help” -> “SSL Proxying” -> “Install Charles Root Certificate on a Mobile Device or Remote Browser”，然后按照 Charles 的提示的安装教程安装即可。如下图所示：在上述 截取移动设备网络包 为手机设置好代理后，手机浏览器中访问地址http://chls.pro/ssl，即可打开证书安装的界面。安装完证书后，就可以截取手机上的 Https 通讯内容了。注意，同样需要在要截取的网络请求上右击，选择 SSL proxy 菜单项。如果 SSL proxy 后出现如下错误：可将证书设置为信任即可，例如 iPhone 下 “设置” -> “通用” -> “关于本机” -> “证书信任设置” 下：模拟慢请求在做 App 开发调试时，经常需要模拟慢请求或者高延迟网络，以测试应用在网络异常情况变现是否正常，而这使用 Charles 就轻松帮我们完成。在 Charles 的菜单上，选择 “Proxy” -> ”Throttle Setting” 项，在弹出的窗口中，可以勾选上 “Enable Throttling”，并且可以设置 Throttle Preset 的类型。如下图所示：当然可以通过 “Only for selected hosts” 项，只模拟指定站点的慢请求。修改请求内容有时为了调试服务端的接口，我们需要反复尝试不同参数的网络请求。Charles 可以方便地提供网络请求的修改和重发功能。只需在该网络请求上点击右键，选择 “Compose”，即可创建一个可编辑的网络请求。我们可以修改该请求的任何信息，包括 URL 地址、端口、参数等，之后点击 “Execute” 即可发送该修改后的网络请求。Charles 支持我们多次修改和发送该请求，这对于我们和服务器端调试接口非常方便，如下图所示：修改响应内容有候为方便我们调试一些特殊情况，需要服务器返回一些特定的响应内容。例如数据为空或者数据异常的情况，部分耗时的网络请求超时的情况等。通常让服务端配合，构造相应的数据显得会比较麻烦，这个时候，使用 Charles 就可以满足我们的需求。根据不同的场景需求，Charles 提供了 Map 功能、 Rewrite 功能以及 Breakpoints 功能，都可以达到修改服务器返回内容的目的。这三者在功能上的差异是：Map 功能适合长期地将某一些请求重定向到另一个网络地址或本地文件。Rewrite 功能适合对网络请求进行一些正则替换。Breakpoints 功能适合做一些临时性的修改。Map功能Charles 的 Map 功能分 Map Remote 和 Map Local 两种。Map Remote 是将指定的网络请求重定向到另一个网址请求地址，而 Map Local 是将指定的网络请求重定向到本地文件。在 Charles 的菜单中，选择 “Tools” -> ”Map Remote” 或 “Map Local” ，即可进入到相应功能的设置页面。对于 Map Remote 功能（选中 Enable Map Remote），我们需要填写网络重定向的源地址和目的地址，对于其他非必需字段可以留空。下图是一个示例，我将测试环境t.fanhaobai.com的请求重定向到了生产环境www.fanhaobai.com。对于 Map Local 功能（选中 Enable Map Local），我们需要填写的重定向的源地址和本地的目标文件。对于有一些复杂的网络请求结果，我们可以先使用 Charles 提供的 “Save Response…” 功能，将请求结果保存到本地并稍加修改，成为我们的目标映射文件。Rewrite功能Rewrite 功能功能适合对某一类网络请求进行一些正则替换，以达到修改结果的目的。例如，将服务端返回的www.fanhaobai.com全部替换为www.baidu.com，如下：将响应中的www.fanhaobai.com全部替换为www.baidu.com。于是在 “Tools” -> “Rewrite” 下配置如下的规则：选中 “Enable Rewrite” 启用 Rewrite 功能 ，响应如下：Breakpoints功能上面提供的 Rewrite 功能最适合做批量和长期的替换，但是很多时候，我们只是想临时修改一次网络请求结果，这个时候，我们最好使用 Breakpoints 功能。在需要打断点的请求上右击并选择 “Breakpoints”，重新请求该地址，可以发现客户端被挂起，Charles 操作界面如下：此时可以修改请求信息，但这里只修改响应信息，故点击 “Execute” 后选择 “Edit Response” 项，修改 title 为fanhaobai.com，如下：继续点击 “Execute” ，可看见响应的 title 已经变为fanhaobai.com。压力测试我们可以使用 Charles 的 Repeat 功能来简单地测试服务器的并发处理能力。在想压测的网络请求上右击，然后选择 “Repeat Advanced” 项，如下所示：这样我们就可以在上图的对话框中，选择压测的并发线程数以及压测次数，确定之后，即可开始压力测试了。反向代理Charles 的反向代理功能允许我们将本地的端口映射到远程的另一个端口上。 ...