visualsubnetcalc

可视子网计算器 - VisualSubnetcalc.com

Visual Subnet Calculator 是一个基于 davidc 原创作品的现代化工具。它致力于成为快速设计网络并与其他人协作设计的工具。它的重点是加快网络管理员的工作，而不是学术子网划分数学。

设计原则

以下原则是推动工具设计的最重要的价值观。新功能、拉取请求等应符合这些原则，或提出对原则的调整。

• 简单就是王道。网络管理员很忙，视觉子网计算器应该始终易于首次用户快速直观地使用。
• 子网划分是设计工作。推广可增强视觉清晰度和易于心理处理的功能，即使是最复杂的架构也是如此。
• 用户控制数据。我们不存储任何内容，但为用户提供保存和共享设计的便捷方式。
• 拥抱社区贡献。在这些原则的背景下考虑并回应所有反馈和拉取请求。

从源头构建

如果您有更固执己见的最佳实践方法来布置此存储库，请提出问题。

构建先决条件：

• （可选但推荐）NVM 管理节点版本
• node.js（版本 20）和关联的 NPM。
• sass（全局安装，按照下面的说明进行操作。）

从源代码编译：

 # Clone the repository
> git clone https://github.com/ckabalan/visualsubnetcalc
# Change to the repository directory
> cd visualsubnetcalc
# Use recommended NVM version
> nvm use
# Change to the sources directory
> cd src
# Install Bootstrap
> npm install
# Compile Bootstrap (Also install sass command line globally)
> npm run build
# Run the local webserver
> npm start

然后，完整的应用程序应该在./dist/中可用，在浏览器中打开./dist/index.html 。

使用证书运行（可选）

注意：在浏览器中测试 Clipboard.writeText() 是必需的。该功能仅在安全 (https) 模式下可用。

 # Install mkcert
> brew install mkcert
# generate CA Certs to be trusted by local browsers
> mkcert install
# generate certs for local development
> cd visualsubnetcalc/src
# generate certs for local development
> npm run setup:certs
# run the local webserver with https
> npm run local-secure-start

云子网备注

• AWS 保留 3 个额外 IP

• Azure 保留 3 个额外的 IP

标准模式：

• 最小子网：/32
• 每个大小 <= 30 的子网有两个保留地址：
  • 网络地址（网络+0）
  • 广播地址（最后一个网络地址）

AWS模式：

• 最小子网：/28
• 每个子网五个保留地址：
  • 网络地址（网络+0）
  • AWS 保留 - VPC 路由器
  • AWS 保留 - VPC DNS
  • AWS 保留 - 将来使用
  • 广播地址（最后一个网络地址）

天蓝色模式：

• 最小子网：/29
• 每个子网五个保留地址：
  • 网络地址（网络+0）
  • Azure 保留 - 默认网关
  • Azure 保留 - DNS 映射
  • Azure 保留 - DNS 映射
  • 广播地址（最后一个网络地址）

制作人员

由 Freepik 从 Flaticon 制作的分割图标。

执照

可视化子网计算器在 MIT 许可证下发布