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

简介: poseidon-chrome-proxy 是一款浏览器请求代理插件;它能把向服务器发起的请求代理到本地,并且可以修改其请求头。通过这个插件我们可以降低前后端联调的成本,以及帮助我们快速定位线上 bug。

插件介绍

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

本文就是愿天堂没有BUG给大家分享的内容,大家有收获的话可以分享下,想学习更多的话可以到微信公众号里找我,我等你哦。

相关文章
|
2月前
|
Web App开发 人工智能 IDE
从痛点到解决方案:为什么我开发了Chrome元素截图插件
传统的截图方式要么截取整个页面然后手动裁剪,要么使用浏览器自带的截图功能,但效果都不理想。特别是当内容包含SVG元素或复杂样式时,截图质量和速度、便捷性往往不尽如人意。
168 4
|
2月前
|
Web App开发 人工智能 前端开发
产品发布策略:如何让Chrome插件在竞争激烈的市场中脱颖而出
Chrome Web Store每天新增很多个插件。插件刚发布,用户只有我自己,如何在这样的红海市场中找到自己的位置,是我一直在思考的问题。
113 0
|
10月前
|
Web App开发 存储 开发者
Chrome 插件上架发布全流程指南
浏览器插件开发完以后,要发布到 Chrome Web Store上,也是需要颇费一番周折的,本文就从注册账号开始,一直到最后发布上架的全流程进行指导,希望帮助你提供一些经验,避免踩坑,耗时耗力。
953 8
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
3279 0
vue学习:chrome 中 vuetools 开发插件 的下载、安装
|
Web App开发 存储 前端开发
《Chrome谷歌插件Top10》开发最好用的谷歌插件
本文介绍了多个实用的浏览器插件及其安装方法。包括CSDN浏览器助手,提供高效开发工具;FeHelper,前端必备工具,支持格式化、压缩等功能;uBlock Origin,有效屏蔽广告和弹窗;PageLiner,网页标尺工具,便于前端设计;Fatkun,批量下载图片;Smallpdf,文件转换工具;Octotree,GitHub代码树插件;Awesome Screenshot,截图与录屏工具;ColorZilla,颜色拾取器;Dark Reader,暗黑模式阅读插件。安装方式有通过Chrome商店搜索或下载crx插件本地安装。
420 11
|
Web App开发 JSON 前端开发
30个Chrome 灵魂插件!
30个Chrome 灵魂插件!
184 4
|
Web App开发
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
511 0
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
|
Web App开发 前端开发 JavaScript
灵魂拷问-前端的作用--chrome插件篇
本文会从浏览器插件应用场景切入,穿插插件基础能力和常见入口的介绍,核心回答如下三个问题:插件可以被使用在哪些场景?不同的使用场景我们的主要代码实现思路是怎样的?我们可以从哪些角度入手自己开发一款可以落地实用的浏览器插件?
|
Web App开发 人工智能 iOS开发
灵办AI助手Chrome插件全面评测:PC Web端的智能办公利器
《灵办AI助手:Mac OS下的高效办公利器》 灵办AI助手是一款专为提升工作效率而设计的浏览器插件,适用于Chrome、Edge等主流浏览器,在Mac OS系统中表现尤其出众。本文将深入评测其核心功能,包括网页翻译、AI对话、AI阅读及代码辅助等,展示如何在实际工作中运用这些功能来提升效率。此外,文中还提供了详细的安装与设置指南,帮助读者轻松上手这款办公神器。无论你是学生、职场人还是开发者,灵办AI助手都能成为你提高生产力的理想选择。
654 0