这款 Chrome 插件,让你的项目联调 so easy

简介: 插件介绍poseidon-chrome-proxy 是一款浏览器请求代理插件;它能把向服务器发起的请求代理到本地,并且可以修改其请求头。通过这个插件我们可以降低前后端联调的成本,以及帮助我们快速定位线上 bug。插件作者:joyful 与 muggle,这个插件我们会长期维护下去,小伙伴们如果有想加进去的功能可以联系我们哟。插件使用说明插件下载地址:https://github.com/Poseidon-Service-Framework/poseidon-chrome-proxy/releases

插件介绍

poseidon-chrome-proxy 是一款浏览器请求代理插件;它能把向服务器发起的请求代理到本地,并且可以修改其请求头。

通过这个插件我们可以降低前后端联调的成本,以及帮助我们快速定位线上 bug。

插件作者:joyful 与 muggle,这个插件我们会长期维护下去,小伙伴们如果有想加进去的功能可以联系我们哟。

插件使用说明

插件下载地址:
https://github.com/Poseidon-Service-Framework/poseidon-chrome-proxy/releases

网络异常,图片无法展示
|

目前最新版本是 2.1.0-beta,下载后解压并打开谷歌浏览器 更多工具->扩展程序

网络异常,图片无法展示
|

然后打开开发者模式选择解压的插件:

网络异常,图片无法展示
|

插件安装好后,点击图标弹出配置页面,可以在该页面上配置我们的请求头信息与代理规则,配置使用的是 json 格式:

网络异常,图片无法展示
|

点击右上角角的 Json代码说明 可以看到 json 中每个字段的含义,编辑完 json 后直接退出即可保存编辑内容。

点击最下方的停用/启用按钮,停用/启用代理功能;

插件 json 内容说明

插件的 json 内容是一个数组,每个 json 代表一个代理规则,json 中字段说明

  • domain: 需要代理的域名,如 www.javaboy.org
  • requestHeader:请求头设置数组, 请以 name:value 的形式填写请求头信息
  • matchingRules:拦截规则数组。
  • route:请求拦截前缀
  • targetUrl:请求处理代理服务器的 ip:端口

配置示例:

[
  {
    "domain": "www.javaboy.org",
    "requestHeader": ["test:xxxxxxxxxx"],
    "matchingRules": [
      {
        "route": "/a/b",
        "targetUrl": "127.0.0.1:9020"
      }
    ]
  },  {
    "domain": "xx.20yx.net",
    "requestHeader": ["test:8888"],
    "matchingRules": [
      {
        "route": "/",
        "targetUrl": "127.0.0.1:8080"
      }
    ]
  }
]

如上配置会将:

  1. https://www.javaboy.org/a/b/xxxx 代理到 127.0.0.1:9020/a/b/xxxx 并携带请求头 test:xxxxxxxxxx
  2. https://xxx.20yx.net/ss/ss 代理到 127.0.0.1:8080/ss/ss 并携带请求头 test:8888

插件的原理可在项目的 readme 中查看。

写在结尾

插件注意事项:

  1. 该插件和一些梯子冲突,如果你在使用梯子上网的时候请禁用该插件。
  2. targetUrl 只能填写 ip:port,形如 127.0.0.1:8080/xxx 这种是不会生效的;
  3. 部分代理的网址会失效,如 www.baidu.com 原因未知。

GitHub地址:
https://github.com/Poseidon-Service-Framework/poseidon-chrome-proxy

相关文章
|
Web App开发 JSON 编解码
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
114 0
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
|
6月前
|
编解码 测试技术 Android开发
Appium Inspector与Weditor:移动端测试的利器
本文介绍了两款移动端自动化测试的元素定位工具:Appium Inspector和weditor。Appium Inspector是官方推荐的辅助工具,而weditor是基于Python的ATX生态工具,支持Android和iOS界面分析。weditor安装需Python 3.6以上版本,可能遇到的GBK编码问题可通过更改系统区域设置解决。它提供设备界面、元素详情和代码运行三个主要部分,便于元素定位、属性查看及交互代码执行。这两款工具对于提升开发和测试效率具有积极作用。
|
5月前
|
Web App开发 前端开发 安全
Chrome 插件打包发布
Chrome 插件打包发布
68 0
|
6月前
|
Web App开发 前端开发 JavaScript
Chrome 插件如何开发?
Chrome 插件如何开发?
|
6月前
|
IDE 前端开发 搜索推荐
5款超好用的在线IDE,媲美vscode,可以直接编写前端构建化项目,而无需在本地下载依赖包,非常适合学习、demo、原型开发
5款超好用的在线IDE,媲美vscode,可以直接编写前端构建化项目,而无需在本地下载依赖包,非常适合学习、demo、原型开发
2095 0
|
6月前
|
前端开发 测试技术
使用浏览器插件提升前端项目调试速度
使用浏览器插件提升前端项目调试速度
79 0
|
Web App开发 测试技术 API
chrome插件-开发简陋的在线api测试工具
chrome插件-开发简陋的在线api测试工具
136 0
|
Web App开发 JSON 数据格式
这款 Chrome 插件,让你的项目联调 so easy
poseidon-chrome-proxy 是一款浏览器请求代理插件;它能把向服务器发起的请求代理到本地,并且可以修改其请求头。 通过这个插件我们可以降低前后端联调的成本,以及帮助我们快速定位线上 bug。
|
前端开发 JavaScript 测试技术
取代 Postman + Swagger!这款神器功能更强大,界面更炫酷
作为一位后端开发,我们平时经常需要维护API文档、对API接口进行调试、有时候还得Mock数据。Postman虽然作为接口调试工具非常好用,但是对于维护API文档这类工作却不太合适。今天给大家推荐一款功能更强大的工具Apifox,足以满足我们对API的各种需求,希望对大家有所帮助!
|
Web App开发 JavaScript 前端开发
在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)
就在不久之前,我们目前这个毕业班的班长那日同学和我说,他正在公司开发Chrome扩展,看起来很高大上的技术,实际开发却非常简单,这引起了我非常浓厚的兴趣,正所谓技不压身,检验自身技术的手段之一就是拥抱新事物,这一次我们尝试在半小时内开发一款Chrome扩展,因为之前我们做了一个[微信小程序的在线面试题题库](https://v3u.cn/a_id_116)的项目,所以正好利用这个题库将面试题平移到Chrome扩展上面。
在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)