【技术干货】使用whistle进行前后端联调

简介: 在开发的过程中经常会进行前后端先约定定义接口,然后前后端独立开发,最后进行联调。过程中可能前端先完成开发,此时后端就可以借助前端开发好的页面白屏验证研发的接口与业务逻辑;可能后端先完成开发,前端就可以配置后端地址,直接验证页面逻辑,这里面主要的关键点就在于如何将页面的api请求自定义转发到期望的后端地址以及进行相关的转发逻辑配置。

Whistle

文档

基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过断点修改请求响应的方式,whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,且可以通过Node模块扩展功能。

安装

mac

# x84

brew install whistle && w2 start --init


# arm64

brew install node && npm i -g whistle && w2 start --init

通用

# 需要先安装node 14及以上版本

# 安装node https://nodejs.org/

npm i -g whistle && w2 start --init

使用

浏览器 http://127.0.0.1:8899/

配置rule样例

# 将https://api.yunqiao.work/flow的 所有请求都转发到本地8080端口并配置请求的header带上用户相关信息,返回的header允许跨域

https://api.yunqiao.work/flowhttp://127.0.0.1:8080  reqHeaders://{req.header} resHeaders://{res.header}

```req.header

user.id: 1

user.name: test

```


```res.header

access-control-allow-credentials: true

access-control-allow-origin: https://daily.yunqiao.work

access-control-expose-headers: DNT, Content-disposition, User-Agent, X-Requested-With, If-Modified-Since, Cache-Control, Content-Type, Range

w2: true

```

更多【帮助文档

代理

系统级代理

# 命令行运行

w2 proxy

更多【帮助文档

浏览器级代理

全局代理如果会影响到某些客户端的请求,也可以使用浏览器插件设置代理(只对 浏览器 生效):

浏览器安装SwitchyOmega插件

选择 Whistle 代理

目录
相关文章
|
7月前
|
算法 Java 数据库
如何成为一名优秀的后端工程师
要成为一名优秀的后端工程师,需要具备扎实的编程基础、深入的系统原理理解和丰富的项目实践经验。本文从这三个方面介绍了如何提升自己的后端技能。
158 1
|
7月前
|
前端开发 Java 网络安全
|
前端开发 JavaScript 关系型数据库
开发中的前端和后端
开发中的前端和后端
218 0
|
5月前
|
前端开发 JavaScript Java
开发做前端好还是后端好?
开发做前端好还是后端好?
110 1
|
7月前
|
IDE Java 开发工具
开发后端
自定义后端逻辑流操作基于Java编写,对于熟悉Java的开发者来说,可以运用Java的强大能力来扩展后端逻辑流。 【2月更文挑战第4天】
94 12
|
7月前
|
JSON 前端开发 Java
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
|
7月前
|
JSON 前端开发 JavaScript
从前端到后端——Web开发的全流程解析
【2月更文挑战第2天】Web开发涉及多个方面,从前端设计到后端实现,需要开发者具备一定的技术能力和知识储备。本文将以一个简单的Web应用为例,详细介绍Web开发的全流程。
|
7月前
|
前端开发 JavaScript 应用服务中间件
部署前端项目到服务器过程详解
部署前端项目到服务器过程详解
326 0
|
7月前
|
前端开发 NoSQL 测试技术
Crossbar 后端开发调试混乱解决方案
Crossbar 后端开发调试混乱解决方案
61 0
|
前端开发 NoSQL 算法
怎样成为优秀的后端工程师
怎样成为优秀的后端工程师
90 0

热门文章

最新文章