方便快捷代理/暴露 windows 端口 WinNetshDesktop

设计动机

使用 window 开发前端等一些前端应用，我们可能不会打开 host 相关的参数。想想在 windows 下，需要一个管理端口代理的和防火墙管理的工具，或者软件，笔者自己也经常在 windows 下开发，暴露出一些端口，给不同设备进行调试的需求。

本项目的初衷是自己需要一个 windows 下够方便管理自己的 windows 代理和端口,方便多设备访问服务调试。

技术栈

• vite-electron 用于快速构建 electron 应用
• React 来绘制 UI
• Antd/ProComponent 来快速绘制录制/展示数据

WinNetshDesktop

看名字就知道本项目适用于 windows, 并且基于 windows 的 netsh 命令完成， netsh 有需要的子命令，要频繁使用其实很麻烦。在这个版本中，我们设计了几个路由（后期可能会发生变化）：

主页

• 主页，用显示当前电脑的 ipv4/ipv6 地址列表

代理

使用添加代理按钮可以添加代理端口

formAddr/formPort 是

防火墙（入站规则）

防火墙下面，目前设计三个：添加/搜索/预制，其中，预制是根据目前的有的前端开发经验添加（算是开发时候的一些小方便）

我们内置了需要暴露的 Stable Diffusion Web UI 的接口是 7860, 启动 Stable Diffusion Web UI 之后，可以在同居局域其他设备来进行图片产出了。下面是在手机浏览器中，使用 a fish提示词绘制的一条鱼（想训练一个画鱼的模型）

防火墙全部列表

这里列表能够查看 windows 全部的防火墙入栈规则，目的是能够方便全局查看列表。

配合使用

一般 端口代理 与防火墙规则是一起使用的，代理本地开发地址到本机 ip，然后再将本地ip的端口暴露处理，得到访问。

安全

注意本地端口防火墙打开之后，注意访问安全问题，不使用时注意实时关闭端口。

开源地址

WinNetshDesktop

小结

本应用使用 vite-electron + React + Antd + ProComponent 快速构建，完成 netsh 的增删改查任务，方便快捷。如果这个项目能够帮助你，欢迎 🌟🌟🌟，有问题也可以 Issues。欢迎关注公众号 进二开悟 不定时分享各种技术。