Charles

适用于Charles任意版本的注册码 Charles 4.2.7 目前是最新版，可用。 Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 Charles破解： 先去 官网 安装最新的Charles 从这个 网站 生成破解后的charles.jar文件 替换本地charles.jar文件即可 macOS: /Applications/Charles.app/Contents/Java/charles.jar Windows: C:\Program Files\Charles\lib\charles.jar 来源： https://my.oschina.net/u/3371661/blog/3100468

安装 下载jdk并配置Java环境变量 安装Charles，参考官网的方式,可以跨平台 charles官网地址 charles 下载地址 Windows就不多说，linux可以使用apt和yum安装，但是需要添加 PublicKey 和数据源，但是速度会很慢，开了代理还是很慢,建议直接下载tar.gz格式的压缩包，然后执行解压目录下的 ./bin/charles 即可 Charles Proxy License 感谢小伙伴提供的激活许可 // Charles Proxy License // 适用于Charles任意版本的注册码 // Charles 4.2目前是最新版，可用。 点击 Htlp->Register... Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 抓包Https包 在电脑上安装证书：点击 Help-SSL Proxying-Install charles root certificate ，下载并安装证书 在手机上下载证书 :(1)点击Help-SSL Proxying-Install charles root certificate on a Mobile Device... 在手机端设置代理，并在手机浏览器地址栏输入下图中地址： chls.pro/ssl ，下载并安装证书

Charles使用详解 简介： Charles 是在 Mac/WIN下常用的网络封包截取工具，在做移动开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。 Charles 通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而实现了网络封包的截取和分析。 除了在做移动开发中调试端口外，Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能，Charles 还可以分析 Https 协议。 安装及破解： 安装：去 Charles 的官方网站 下载最新版的 Charles 安装包，安装方式这里就不介绍了。 破解： 破解jar包获取地址 下载官方Charles安装好。破解JAR网址里面生成一个破解的JAR前往这个文件夹替换JAR包（这里生成要选择版本。看你在官网下的是多少版本就生成多少的版本）就破解完成了，重启使用即可。 附：macOS路径: /Applications/Charles.app/Contents/Java/charles.jar Windows: C:/Program Files/Charles/lib/charles.jar 使用及配置： 启动 Charles 后，第一次 Charles 会请求你给它设置系统代理的权限。你可以输入登录密码授予 Charles 该权限。你也可以忽略该请求

安装 wget -q -O - https://www.charlesproxy.com/packages/apt/PublicKey | sudo apt-key add - sudo sh -c 'echo deb https://www.charlesproxy.com/packages/apt/ charles-proxy main > /etc/apt/sources.list.d/charles.list' sudo apt-get update sudo apt-get install charles-proxy 注册 help>Registered Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 保存证书 菜单Help->SSL Proxying->Save Charles Root Certificate… 证书命名为 CharlesRoot.cer 类型选择cer openssl x509 -inform der -in CharlesRoot.cer -outform pem -out CharlesRoot.crt 安装证书 sudo cp CharlesRoot.crt /usr/share/ca-certificates sudo dpkg-reconfigure ca

作者 @mezod 译者 @josephchang10 如今，通过自己的代码去赚钱变得越来越简单，不过对很多人来说依然还是很难，因为他们不知道有哪些门路。 今天给大家分享一个精彩的 GitHub 库，这个库整理了一系列写代码赚钱的门路和资源，作者的初衷是帮助那些想利用软件产品挣钱的人，希望你也能够从中获得鼓舞并进行尝试。将一个个小项目变成钱、产生创业想法等。 赚钱的点子分为这几个方向： 社区 新闻 播客 演讲 帖子 博客 学习案例 活动 书籍 工具 课程 特殊话题 社区 IndieHackers 从可盈利的企业和 side project 中学习。IndieHackers 可以说是独立收入这波新浪潮的催化剂。这是一系列成功的开发者关于产品的访谈。IndieHackers 一直都很有意思，因为它本身就是一个独立项目。 Courtland Allen 曾经毫无保留地介绍了 构建它的过程 。近期的消息能看出这个社区/论坛会继续成长。 Barnacl.es 给 bootstrappers 看的新闻，而不是 VC 或 黑客。像 Hacker-News 一样的社区。 Peter Bhat Harkins 在 2016 年早期启动，从那时起我就发现了它巨大的价值。而且，运行它的 软件 也相当强大，这也是值得钦佩的一点！ bootstrapped.fm 论坛 bootstrappers 的论坛。由

引言 HTTP应用层的抓包已经成为日常工作测试与调试中的重要一环，最近接触新项目突然之间发现之前的抓包手段都不好使了，顿时模块与模块之间的前端与服务之间的交互都变成了不可见，整个人都好像被蒙住了眼睛。 其实自己也很早就发现平时使用的支付宝等APP使用Fiddler 或 Charles这类代理抓包软件默认情况下就无法抓取请求的，但使用Wireshark这类网卡抓包软件可以看到这些APP的流量，而已这些流量也表明这些APP使用的主要应用层协议仍然是HTTP（https），不过我们的代理抓包工具却失效了。如今终于在实际工作中遇到了，也不得不解决了，毕竟眼前有东西挡住会让我浑身不适。 代理抓包原理 为了弄明白为什么Fiddler 或 Charles对这些APP无效，我们有必要先了解代理抓包我原理（当然您不想了解也是完全可以的，直接看后面的 实际操作 就可以完成，原理分析什么的可以有兴趣随时回来看） Fiddler 或 Charles 这类使用的代理的抓包软件与Wireshark是完全不同的（Wireshark 使用的网卡数据复制，只要是经过指定网卡都会被抓取），其只能对使用代理的应用层网络协议生效，比如常见的HTTP（https），Websocket 。 这里以HTTP为例简单说明下 客户端需要完成一次HTTP请求，通常需要先找到服务器，客户端会根据http请求中url的主机名

1. https://www.charlesproxy.com/latest-release/download.do 官网下载charles 2.傻瓜式安装完成（路径可以默认c盘） 3.安装完成后去c盘 Program Files 目录下，找到charles 4. 下载 charles.jar 包 链接：https://pan.baidu.com/s/1--f6WR_HOa2istsPLgd9SA 提取码：bb0g 复制这段内容后打开百度网盘手机App，操作更方便哦 5.将charles.jar 包 移动到 C:\Program Files\Charles\lib 目录下。 替换掉原文件 6.打开charles（破解成功，但是版本号变成了4.2.5，不管了，能用就行了） 来源： https://www.cnblogs.com/tzxy/p/11366017.html

前后端分离的开发模式已经是目前前端的主流模式，至于为什么会前后端分离的开发我们就不做过多的阐述，既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段。 我们在开发的过程中，由于后台接口的没有完成或者没有稳定之前我们都是采用模拟数据的方式去进行开发项目，这样会使我们的前后端会同时的进行，提高我们的开发效率。 因为最近自己在自学 Vue 也在自己撸一个项目，肯定会遇到使用数据的情况，所以就想着如何在前端做一些 mock 数据的处理，因为自己的项目使用的是 vue/cli 3.0 与 vue/cli 2.0 的使用有一些的不同，所以在这里记录一下。 注意：本文主要说的是如何配置本地静态文件的 mock 数据的方式 首先我们来说一说vue/cli 3.0 与 2.0 的一些不同： 3.0 移除了 static 文件目录，新增了 public 目录，这个目录下的静态资源不会经过 webpack 的处理，会被直接拷贝，所以我们能够直接访问到该目录下的资源。 3.0 移除了 config、build 等配置目录，如果需要进行相关配置我们需要在根目录下创建 vue.config.js 进行配置即可。 2.0 的文件结构 3.0 的文件结构 可以看到 3.0 版本的脚手架在项目结构上精简了很多，看上去没有那么的繁琐。接下来我就进行 mock 数据的配置，再说 3.0 之前，我们先看看 2.0

资源映射就是将线上的某个请求，映射到线上的另一个资源或者本地的一个文件。 这里只记录下映射到本地文件。 1、打开Charles，抓到你需要的那个请求，右键saveResponse 2、保存文件后，可修改为你想要的内容 3、选中请求，右键选择最下面的map local 4、选择你要请求的本地文件 5、再次发起请求就可以啦✌️，如果映射成功的话这里可以看到哦 来源： https://www.cnblogs.com/ss0202go/p/11350269.html

比较推荐的一款网络封包截取工具——charles 1、下载工具并进行设置 2、根据要求对手机设置代理 设置>>>>无线局域网>>>>WIFI右侧的ℹ️>>>>配置代理>>>>手动>>>>输入下图的IP和端口号 3、之后便可以截取手机正在运行的网络包请求，获取请求信息和参数 来源： https://blog.csdn.net/Wit_Fengff/article/details/99542623