Skip to content

一个基于 Vue3 + Ant Design Vue + Electron 开发的专业网络和开发辅助工具集

License

Notifications You must be signed in to change notification settings

jihuaib/NetNexus

NetNexus

Vue.js Electron Ant Design Vue License: MIT GitHub stars GitHub issues

NetNexus - 一个基于 Vue3 + Ant Design Vue + Electron 开发的专业网络和开发辅助工具集

🚀 专业的网络协议工具 | 🛠️ 开发者必备工具 | 🌐 BGP/BMP/RPKI 全方位支持 | 📦 跨平台桌面应用

🏷️ 标签关键词

Vue3 Electron 网络工具 BGP模拟器 BMP监控器 RPKI验证器 报文解析器 字符串生成器 网络协议 路由器工具 开发工具 桌面应用 跨平台 网络开发 协议分析 网络运维 BGP BMP RPKI Router Network Tools Developer Tools

功能特性

🌐 网络协议工具

专业的 BGP 协议模拟工具,支持多对等体配置、路由传播模拟和可视化监控。

BGP 监控协议工具,提供实时路由监控、数据分析和统计报告功能。

路由源验证工具,支持 ROA 记录管理和路由合法性验证。

专业的 SNMP 网络管理工具,支持设备监控、数据收集和 Trap 消息处理。

内置的 FTP 服务器,提供完整的文件传输服务和多用户管理功能。

应用设置和配置管理,包括通用设置、工具配置、服务器部署、Keychain 管理和自动更新等。

🛠️开发工具集

包含格式化工具、报文解析器、报文捕获工具、字符串生成器、端口监控器、网络信息管理等多种实用工具。

核心工具:

  • 格式化工具: JSON/XML/YAML/SQL 等格式化和验证
  • 报文解析器: 网络协议报文分析和解析
  • 报文捕获: 实时网络流量捕获和分析
  • 字符串生成器: 多种模式的字符串生成工具
  • 端口监控器: 系统端口和网络连接实时监控
  • 网络信息: 网络接口管理和 IP 地址配置

🚀 未来计划

  • JSON 解析与格式化工具
  • 网络连接测试工具
  • 编码/解码转换工具
  • IP 地址计算工具
  • DNS 查询与解析工具
  • SSL 证书检查工具
  • 更多网络协议模拟器

技术栈

  • 前端框架: Vue 3 + Composition API
  • UI 组件库: Ant Design Vue 4.x
  • 桌面应用: Electron 15+
  • 构建工具: Vite
  • 状态管理: Vuex 4
  • 路由: Vue Router 4

开发环境要求

  • Node.js 16.20.2 或更高版本
  • npm 8.19.4 或更高版本
  • python 3.8
  • 支持的操作系统: Windows 7+, macOS 11+, Linux

安装与运行

  1. 克隆项目
git clone https://github.com/jihuaib/NetNexus.git
cd NetNexus
  1. 安装依赖
npm install
  1. 开发模式运行
# 启动开发环境
npm run dev
  1. 打包应用
# 打包应用
npm run dist

# 打包并发布
npm run release

使用指南

NetNexus 提供直观的图形界面和简单的操作流程,每个功能模块都有详细的使用指南:

快速开始

  1. 下载安装 - 从 Releases 页面下载最新版本
  2. 选择功能 - 在主界面选择需要使用的功能模块
  3. 查看文档 - 点击上述链接查看对应功能的详细使用指南
  4. 开始使用 - 按照指南进行配置和操作

项目结构

NetNexus/
├── docs/                   # 📚 项目文档
│   ├── BGP_SIMULATOR.md    # BGP 模拟器详细文档
│   ├── BMP_MONITOR.md      # BMP 监控器详细文档
│   ├── RPKI_VALIDATOR.md   # RPKI 验证器详细文档
│   ├── SNMP_MANAGER.md     # SNMP 管理器详细文档
│   ├── FTP_SERVER.md       # FTP 服务器详细文档
│   ├── TOOLS.md            # 工具集合详细文档
│   ├── SETTINGS.md         # 设置功能详细文档
│   └── images/             # 功能截图和示意图
│       ├── bgp/            # BGP 相关图片
│       ├── bmp/            # BMP 相关图片
│       ├── rpki/           # RPKI 相关图片
│       ├── snmp/           # SNMP 相关图片
│       ├── ftp/            # FTP 相关图片
│       ├── tools/          # 工具相关图片
│       └── setting/        # 设置相关图片
├── electron/               # ⚡ Electron 主进程代码
│   ├── app/                # 应用核心模块
│   │   ├── bgpApp.js       # BGP 应用控制器
│   │   ├── bmpApp.js       # BMP 应用控制器
│   │   ├── rpkiApp.js      # RPKI 应用控制器
│   │   ├── snmpApp.js      # SNMP 应用控制器
│   │   ├── ftpApp.js       # FTP 应用控制器
│   │   ├── systemApp.js    # 系统功能控制器
│   │   ├── nativeApp.js    # 原生功能控制器
│   │   └── updater.js      # 自动更新模块
│   ├── worker/             # Worker 进程模块
│   │   ├── bgpWorker.js    # BGP 协议处理
│   │   ├── bmpWorker.js    # BMP 协议处理
│   │   ├── rpkiWorker.js   # RPKI 协议处理
│   │   ├── snmpWorker.js   # SNMP 协议处理
│   │   └── ftpWorker.js    # FTP 服务器处理
│   ├── utils/              # 工具函数库
│   │   ├── bgpUtils.js     # BGP 工具函数
│   │   ├── bmpUtils.js     # BMP 工具函数
│   │   ├── routeViewsUtils.js  # RouteViews 数据处理
│   │   └── keychainUtils.js    # Keychain 管理
│   ├── pktParser/          # 报文解析器
│   │   ├── bgpParser.js    # BGP 报文解析
│   │   ├── bmpParser.js    # BMP 报文解析
│   │   └── commonParser.js # 通用协议解析
│   ├── const/              # 常量定义
│   ├── main.js             # 主进程入口
│   ├── preload.js          # 预加载脚本(渲染进程 API 桥接)
│   └── splash.html         # 启动画面
├── src/                    # 🎨 Vue 应用源代码
│   ├── assets/             # 静态资源
│   │   ├── images/         # 图片资源
│   │   └── styles/         # 全局样式
│   ├── components/         # 公共组件
│   │   ├── SettingsDialog.vue      # 设置对话框
│   │   ├── CustomPktDrawer.vue     # 自定义报文抽屉
│   │   ├── RouteViewsImportModal.vue  # RouteViews 导入
│   │   └── UpdateNotification.vue  # 更新通知
│   ├── const/              # 常量定义
│   │   ├── bgpConst.js     # BGP 常量
│   │   ├── bmpConst.js     # BMP 常量
│   │   └── toolsConst.js   # 工具常量
│   ├── router/             # 路由配置
│   │   └── index.js        # 路由定义
│   ├── store/              # Vuex 状态管理
│   │   └── index.js        # 状态管理配置
│   ├── utils/              # 工具函数
│   │   ├── eventBus.js     # 事件总线
│   │   ├── validationCommon.js  # 表单验证
│   │   └── modalResizeHandler.js  # 模态框响应式处理
│   ├── view/               # 视图组件
│   │   ├── Main.vue        # 主布局组件
│   │   ├── bgp/            # BGP 模拟器视图
│   │   │   ├── BgpConfig.vue       # BGP 配置
│   │   │   ├── BgpPeerConfig.vue   # 对等体配置
│   │   │   ├── RouteIpv4.vue       # IPv4 路由管理
│   │   │   ├── RouteIpv6.vue       # IPv6 路由管理
│   │   │   └── RouteMvpn.vue       # MVPN 路由管理
│   │   ├── bmp/            # BMP 监控器视图
│   │   │   ├── BmpConfig.vue       # BMP 配置
│   │   │   ├── BgpSession.vue      # BGP 会话监控
│   │   │   ├── BgpLocRib.vue       # Loc-RIB 监控
│   │   │   └── BgpSessionStatisReport.vue  # 统计报告
│   │   ├── rpki/           # RPKI 验证器视图
│   │   ├── snmp/           # SNMP 管理器视图
│   │   ├── ftp/            # FTP 服务器视图
│   │   ├── tools/          # 工具集合视图
│   │   │   ├── StringGenerator.vue  # 字符串生成器
│   │   │   ├── PacketParser.vue     # 报文解析器
│   │   │   ├── Formatter.vue        # 格式化工具
│   │   │   ├── PacketCapture.vue    # 报文捕获
│   │   │   ├── PortMonitor.vue      # 端口监控器
│   │   │   └── NetworkInfo.vue      # 网络信息
│   │   └── settings/       # 设置视图
│   │       ├── GeneralSettings.vue      # 通用设置
│   │       ├── ToolsSettings.vue        # 工具设置
│   │       ├── UpdateSettings.vue       # 更新设置
│   │       ├── KeychainSettings.vue     # Keychain 设置
│   │       └── ServerDeployment.vue     # 服务器部署
│   ├── App.vue             # 应用根组件
│   └── main.js             # 渲染进程入口
├── scripts/                # 🔧 构建和部署脚本
│   └── tcp-md5-helper/     # TCP MD5 代理程序源码
├── bgpdata/                # 📊 BGP 数据存储
│   └── routeviews/         # RouteViews 路由数据
├── web/                    # 🌐 项目网站
│   └── index.html          # 网站首页
├── dist/                   # 📦 构建输出目录
├── index.html              # HTML 入口文件
├── vite.config.js          # Vite 构建配置
├── package.json            # 项目配置和依赖
├── release.js              # 发布脚本
└── README.md               # 项目说明文档

贡献指南

  1. Fork 本仓库并创建您的分支
  2. 安装开发依赖并进行本地测试
  3. 提交更改并创建 Pull Request
  4. 在 PR 中详细描述您的更改

代码风格

  • 遵循项目的 ESLint 和 Prettier 配置
  • 组件使用 Vue 3 Composition API
  • 保持代码简洁和可读性

📚 文档导航

功能文档

开发文档

常见问题

  • Q: 如何添加新工具? A: 在 src/view/tools 中创建新的工具组件,并在路由配置中添加入口。

  • Q: 打包后应用无法启动怎么办? A: 检查日志文件,确保所有依赖正确安装,并尝试重新运行 npm install 后再次打包。

相关项目和资源

🔗 相关链接

📋 更新日志

查看 Releases 页面了解最新版本更新内容。

🤝 贡献者

感谢所有为项目贡献代码的开发者!

📝 开发计划

  • 添加更多网络协议支持
  • 增强用户界面和用户体验
  • 添加自动化测试
  • 支持插件系统
  • 添加数据导入导出功能

🏷️ 项目标签

技术栈: Vue3 Electron JavaScript Ant-Design-Vue Vite Node.js

应用领域: 网络工程 系统管理 协议分析 网络运维 开发工具 网络安全

支持协议: BGP BMP RPKI TCP/IP 网络报文分析

目标用户: 网络工程师 系统管理员 网络开发者 学生 研究人员 运维人员

License

MIT © 2026 huaibin ji


⭐ 如果这个项目对你有帮助,请给我们一个 Star!

🐛 发现问题?提交 Issue

💡 有新想法?提交功能请求

🚀 想要贡献代码?查看贡献指南

About

一个基于 Vue3 + Ant Design Vue + Electron 开发的专业网络和开发辅助工具集

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published

Contributors 2

  •  
  •