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 許可證下發布