前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试,我想要在手机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charles学习(二)之使用Map local代理本地静态资源在Mac上调试移动端中实现的效果相同,也就是说代码更改页面实时更新,这个问题如何解决呢? 方案 问题一解决方案:使用模拟器 问题二解决方案: 配置网页代理 | 使用Map local代理本地静态资源 使用模拟器 一.安装 通过xcode安装模拟器

前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试也不想在模拟器中调试,我想要在真机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charles学习(二)之使用Map local代理本地静态资源在Mac上调试移动端中实现的效果相同,也就是说代码更改手机端页面实时更新,这个问题如何解决? 方案 问题一解决方案:使用真机,需要一台iPhone和一台Android,在真机上安装测试包 问题二解决方案: 配置移动端代理 | 

前言 我们在开发的过程肯定是一边写代码,一边查看自己的代码写的是否存在问题,那么问题来了,有两种情况 情况一:我们可以本地起服务,那么我们就可以在本地检查自己的代码,查看运行结果 情况二:本地无法起服务,那么我们怎么办?难道要改一点就要上预发? 方案 情况二方案:配置移动端代理 | 使用Map local代理本地静态资源,也就是html.css.js.img还有json 配置网页代理 详情见Charles学习(一)之macOS Charles 4.x版本的安装.激活.使用以及软件功能了解 Map

一直没有写一篇关于charles的文章来记录,但是发现偶尔还是会忘记,所以还是记一下,查起来比较方便. 首先在安装了charles之后默认的本地代理地址是 127.0.0.1:8888这个地址.如果希望代理本地计算机的http流量或者socks流量,可以将代理地址设置到127.0.0.1:8888这个地址上,就能在charles上查看到现在正在使用的流量了. 其实我平时常用的代理并不是代理pc上的流量,因为现在大部分现代浏览器都自带可以看包的功能,所以更多的时候,我可能需要使用它来代理我手机上的

1.安装charles,点击帮助——ssl代理——在移动设备或远程浏览器上安装charles root证书,看到如下界面: 2.在手机保证和电脑连接同一个wifi的前提下,开启手机代理,输入服务器地址:192.168.5.252,端口号为:8888,有时候新手机连接代理,charles会提示是否允许,点击allow,如果没提示需要在手机端安装证书后设置一下(设置方法:ios : 设置——通用——关于本机——证书信任设置——找到证书——开启信任开关): 3.手机端安装charles证书,浏览器输入

Window下通过charles代理抓取iphone手机Https请求乱码问题 如果保持默认设置,https的reqeust和response都是乱码,设置完之后https就可以抓包了 手机端操作: 1.连接上charles的代理 查看电脑IP地址,在手机无线里设置代理即可(手机wifi网络需要和charles软件的电脑在一个网段) 手机配置代理 2.下载Charles证书https://www.charlesproxy.com/assets/legacy-ssl/ssl.zip 解压后导入到i

本文参考:charles 代理设置 charles的代理身份配置区域 这里应该没啥好说的了, window/MAXCos proxy 是charles的代理启用开关: 如果你选中,则表示电脑使用charles作为代理(这里就是正向代理),取消同理: 因为为不用火狐浏览器,下面也是一样的道理,就不做说明了: 注意:如果你使用的是chrome,并且有用chrome的host相关扩展工具; 请暂时关闭你的chrome扩展,并把代理设置为本机,否则charles是捕获不到的: 如上图,此时为使用了Hos

dockerNginx代理本地目录 ssl_certificate cert/5900588_test.zk.limengkai.work.pem; ssl_certificate_key cert/5900588_test.zk.limengkai.work.key; docker run -tdi --rm -v /containers/nginx:/etc/nginx -v /amydata:/amydata -v /usr/share/zoneinfo/Asia/Shanghai:/et

1.       目的 在模拟器的浏览器或app hybrid开发中遇到chrome调试代码为线上代码或者混淆代码时,可以利用fiddler/charles为genymotion配置代理, 可以方便的将代码替换为本地代码,此外还可以针对访问服务进行截获分析. 2.       配置 2.1    配置fiddler本地代理 2.1.1 Tools->Option->Connections 选中Allow remote computers to connect,并设置端口号(默认8888),如下

    0.前言 nc是一个在网络连接两端的好工具,同时也是也个临时的端口转发的好工具.(永久的端口转发用什么?用iptables) ssh也是这方面的好工具,好处是加密可靠可复用在一端操作即可,代价是要有登录帐号. 我们知道,SSH 会自动加密和解密所有 SSH 客户端与服务端之间的网络数据.但是,SSH 还同时提供了一个非常有用的功能,这就是端口转发.它能够将其他 TCP 端口的网络数据通过 SSH 链接来转发,并且自动提供了相应的加密及解密服务. 1.隧道带理 典型应用:翻越中国高墙 需要

charles 最新的版本是3.10,但是这个版本还没有license可以用,所以使用3.9.2版本. 解压缩包就可以用了. 如果只是代理http请求,只要设置: Proxy -> Proxy Settings -> check "Enable Transparent HTTP Proxying" 如果需要解析https请求则会麻烦一些: Proxy -> Proxy Settings -> SSL TAB -> check "enable SS

前端开发中:很多场景需要在局域网下的其他手机或设备查看网页, 问题来了, web服务部署在本机的某个端口上(8080),只能通过本机浏览器访问,  怎样能让局域网下的其他设备也访问呢?可能你会说 关闭防火墙/配置IIS/使用fiddler代理等等.虽然都可以, 但是却不满足我的需求. 需求:mac windows linux平台适用 最好简单,快捷, 一键配置等等 支持文件替换, 文件夹替换等等 Nproxy: 是一个npm包, 他能够代理你的网络服务到内网中, 只需要一个命令 nproxy c

1.安装根证书:help - ssl proxying - install charles root certificate 2.这时候会弹出一个根证书界面,如果没有弹出,则可以去chrome,高级设置里面找, 3.双击对应证书,打开简介,因为一开始是不被信任的,我们还能怎么办,当人是信任它啦 4.有些博客就说到这里,我嘞个去,还要配置啊:设置匹配规则,菜单栏 - proxy - ssl proxy settings hsot为你要匹配的域名,*表示任意匹配 port为网页浏览端口号:填443

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> [root@host---- conf.d]# cat /root/html/index.html <h1>www.test2.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> [root@host---- conf.d]# cat /root/html/index.html <h1>www.test2.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd /etc/nginx/conf.d [root@host---- conf.d]# ls test1.conf test2.conf test3.conf [root@

环境: 本地外网ip:123.58.251.166 .配置index.html网页 [root@host---- conf.d]# cat /web/sing/index.html <h1>www.test1.com</h1> .配置conf.d目录下配置文件 [root@host---- conf.d]# pwd /etc/nginx/conf.d [root@host---- conf.d]# ls test1.conf test2.conf test3.conf [root@

首先下载charles软件地址,更详细的使用方法都包含在操作文档里,包含汉化版补丁(下载后查看) 链接:https://pan.baidu.com/s/1Q5rMbcX0Wus7AwdGUWa-Wg 提取码:mkgt 如何利用charles来mock呢?首先我们要新建一个json文件来写我们的json数据 1.点击菜单栏中的工具 2.点击本地映射 3.勾选启用本地映射 4.点击添加 5.协议(http) => 主机(localhost) => 端口(当前本地端口号) => 路径(/api

安装环境: win10 nginx-1.17.2 步骤: 一.打开nginx.conf 路径:\nginx-1.17.2\conf\nginx.conf 二.编辑 配置跨域以及代理文件夹路径 三.启动nginx 在nginx文件夹路径下启动cmd(查看nginx版本:nginx -v) 四.验证 浏览器输入localhost验证即可 五.问题 1.如果在修改nginx.conf前,已经启动了nginx的话,在修改完成后需要重新读取一下配置,并重启服务. 重新读取文件:nginx -s reloa