位置: 编程技术 - 正文

浅谈Node Inspector 代理实现(浅谈幼儿良好行为的培养论文)

编辑:rootadmin

推荐整理分享浅谈Node Inspector 代理实现(浅谈幼儿良好行为的培养论文),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:浅谈一下新冠的好处,浅谈特殊儿童的融合教育论文,浅谈如何培养孩子的注意力,浅谈双减背景下的高效课堂,浅谈建筑地基基础加固施工技术亲,浅谈特殊儿童的融合教育论文,浅谈建筑地基基础加固施工技术亲,浅谈如何培养孩子的注意力,内容如对您有帮助,希望把文章链接给更多的朋友!

背景

平时做 node 开发的时候,通过 node inspector 来进行断点调试是一个很常用的 debug 方式。但是有几个问题会导致我们的调试效率降低。

问题一:当使用 vscode 进行断点调试时,如果应用是通过 cluster 启动的 inspector,那么每次当 worker 挂了重启后,inspector 的端口都会自增。虽然在 node8.x 版本中可以指定 inspectPort 固定调试端口,但是在 node6.x 中是不支持的。这样会导致每次 worker 重启了就得在 vscode 中重新指定调试端口。

问题二:当使用 devtools 调试的时候,每次调试都需要拷贝 devtools 链接到 chrome 上调试,而上面说的端口变更问题则会导致 devtools 的链接变更,除此之外,每次重新启动 inspector 也会导致 devtools 的链接变更,因为 websocket id 变了。

而把上面的两个问题简化一下就是:

在 vscode 中调试,在 inspector 端口变更或者 websocket id 变更后能够重连。 在 devtools 中调试,在 inspector 端口变更或者 websocket id 变更后能够重连。

解决方案

目前业界已经有解决方案就是 chrome 插件 Node Inspector Manager(Nim) ,不过这个只能解决在同个 inspector 端口下的应用重启后链接更改的问题,却无法解决 cluster 启动导致的端口自增问题,除非在 Nim 中提前指定好多个端口,再者 Nim 是 chrome 上的插件,对于在 vscode 中的调试却无能为力了。

所以最佳的解决方案自然是使用 node 来做 inspector 代理,解决方案如下:

对于第一个问题,在 vscode 上,它是会自己去调用 /json 接口获取最新的 websocket id,然后使用新的 websocket id 连接到 node inspector 服务上。因此解决方法就是实现一个 tcp 代理功能做数据转发即可。

对于第二个问题,由于 devtools 是不会自动去获取新的 websocket id 的,所以我们需要做动态替换,所以解决方案就是代理服务去 /json 获取 websocket id,然后在 websocket 握手的时候将 websocket id 进行动态替换到请求头上。

画了一张流程图:

实现步骤

一、Tcp 代理

首先,先实现一个 tcp 代理的功能,其实很简单,就是通过 node 的 net 模块创建一个代理端口的 Tcp Server,然后当有连接过来的时候,再创建一个连接到目标端口即可,然后就可以进行数据的转发了。

简易的实现如下:

浅谈Node Inspector 代理实现(浅谈幼儿良好行为的培养论文)

上面实现了比较简单的一个代理服务,通过 pipe 方法将两个服务的数据连通起来。client 有数据的时候会被转发到 server 中,server 有数据的时候也会转发到 client 中。

当完成这个 Tcp 代理功能之后,就已经可以实现 vscode 的调试需求了,在 vscode 中项目下 launch.json 中指定端口为代理端口,在 configurations 中添加配置

那么当应用重启,或者更换 inspect 的端口,vscode 都能自动重新通过代理端口 attach 到你的应用。

二、获取 websocketId

这一步开始,就是为了解决 devtools 链接不变的情况下能够重新 attach 的问题了,在启动 node inspector server 的时候,inspector 服务还提供了一个 /json 的 http 接口用来获取 websocket id。

这个就相当简单了,直接发个 http 请求到目标端口的 /json,就可以获取到数据了:

上面数据中的 id 字段,就是我们需要的 websocket id 了。

三、Inspector 代理

拿到了 websocket id 后,就可以在 tcp 代理中做 websocket id 的动态替换了,首先我们需要固定链接,因此先定一个代理链接,比如我的代理服务端口是 ,那么 chrome devtools 的代理链接就是:

chrome- ws=.0.0.1:/__ws_proxy__ 其他都是固定的,而最后这个也一眼就可以看出来是 websocket 的链接。其中 __ws_proxy__则是用来占位的,用于在 chrome devtools 向这个代理链接发起 websocket 握手请求的时候,将 __ws_proxy__ 替换成 websocket id 然后转发到 node 的 inspector 服务上。

对上面的 tcp 代理中的 pipe 逻辑的代码做一些小修改即可。

通过 through2 创建一个 transform 流来对传输的数据进行一下更改。

简单判断一下 chunk 的头三个字节是否为GET,如果是 GET 说明这可能是个 http 请求,也就可能是 websocket 的协议升级请求。把请求头打印出来就是这个样子的:

然后将其中的路径/__ws_proxy替换成对应的 websocketId,然后转发到 node 的 inspector server 上,即可完成 websocket 的握手,接下来的 websocket 通信就不需要对数据做处理,直接转发即可。

接下来就算各种重启应用,或者更换 inspector 的端口,都不需要更换 debug 链接,只需要再 inspector server 重启的时候,在下图的弹窗中

点击一下 Reconnect DevTools 即可恢复 debug。

最后

上面的详细代码可以在下面的 git 中找到:

Tcp 代理: Inspector 代理:

标签: 浅谈幼儿良好行为的培养论文

本文链接地址:https://www.jiuchutong.com/biancheng/379468.html 转载请保留说明!

上一篇:Node做中转服务器转发接口(node转go)

下一篇:pm2 部署 node的三种方法示例(pm2启动nodejs)

  • 公司注销后虚开还查吗
  • 税务清算需要什么条件
  • 宁波财税网会计之窗官网
  • 固定资产一次性扣除申报表怎么填
  • 办公室水电费计算公式
  • 已收保证金
  • 小规模纳税人购车好处
  • 顾客退货补差价怎么做账?
  • 企业职工报销签单怎么写
  • 盘亏的设备做营业外支出的会计分录怎么处理?
  • 发票虚开税务局要求补税怎么办?
  • 建筑行业预收账款
  • 赠送的产品需要开发票吗
  • 建筑行业暂估成本的账务处理
  • 留抵的进项税可以退吗
  • 或有资产是指
  • 费用转入本年利润的哪一方
  • 笔记本电池怎么换
  • 个税手续费返还属于政府补助吗
  • 资本公积如何计提
  • 消耗性生物资产如何结转成本
  • 解决网卡驱动故障的方法
  • 公司收到医疗保障局打入的钱怎么做账
  • 财务变更是什么意思
  • 无法ping通ip地址
  • 1050ti 4g显卡
  • phpjoin
  • 城镇土地使用税的计算公式
  • 临时工工资计入哪里
  • 汇总开具的运输发票
  • 持有至到期减值准备是什么科目
  • php排行
  • 增值税发票洗烂怎么办
  • detr训练自己的数据集
  • php7 nginx
  • 帝国cms做商城
  • 租房没有合同编号可以提取公积金吗
  • python线程间通信的几种方法
  • SQLite教程(三):数据表和视图简介
  • 教大家8天学通MongoDB——第一天 基础入门篇
  • 公司股东投资在哪里查
  • 公司收到个人汇款怎么开发票
  • 劳务报酬所得与个人经营所得的区别
  • 企业需要购买两种保险吗
  • 我国会计制度对会计要求
  • 存货的采购成本不包括
  • 金税盘是怎样的
  • 粗纤维测定仪价格
  • 加计抵扣进项税分录
  • 现金日记账和银行存款日记账必须逐日结出余额
  • 会计分录借贷怎么分视频教程
  • 内账咋做
  • mysql 5.7.30安装
  • 分析sql语句性能实现
  • win7系统重启后多了一个安全启动用户
  • 内存不够用如何升级系统
  • Linux 下 (RedHat 9.0) JDK,Tomcat,MySQL的安装
  • xp系统开机出现英文怎么办
  • OS X Yosemite系统怎么制作u盘安装盘
  • ctd module
  • 为啥没有win8 win9
  • perfom.exe
  • 查看rpm包含的内容
  • js类的实现
  • javascript简明教程
  • 安装两个linux
  • jquery 设置背景色
  • jquery ul li
  • android开发最全教程
  • javascript完整代码
  • 怎样开启javascript功能
  • 浅谈JavaScript事件的属性列表
  • javascript入门书
  • android popupwindow使用
  • 扣税1.5万
  • 车船税是比例还是定额
  • 税务三方协议多久生效
  • 国税局北京税务局官网
  • 山西省国家税务总局山西省电子税务局
  • 古代怎样征兵
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设