visualsubnetcalc

Visueller Subnetzrechner – visualsubnetcalc.com

Visual Subnet Calculator ist ein modernisiertes Tool, das auf der Originalarbeit von davidc basiert. Ziel ist es, ein Werkzeug zum schnellen Entwerfen von Netzwerken und zur Zusammenarbeit bei diesem Design mit anderen zu sein. Der Schwerpunkt liegt auf der Beschleunigung der Arbeit von Netzwerkadministratoren und nicht auf akademischer Subnetz-Mathematik.

Designgrundsätze

Die folgenden Grundsätze sind die wichtigsten Werte, die das Design des Werkzeugs bestimmen. Neue Funktionen, Pull-Requests usw. sollten sich an diesen Grundsätzen orientieren oder eine Anpassung der Grundsätze vorschlagen.

• Einfachheit ist König. Netzwerkadministratoren sind beschäftigt und der Visual Subnet Calculator sollte für ERSTBENUTZER immer einfach und schnell und intuitiv zu verwenden sein.
• Subnetting ist Designarbeit. Fördern Sie Funktionen, die die visuelle Klarheit und die einfache mentale Verarbeitung selbst der komplexesten Architekturen verbessern.
• Benutzer kontrollieren die Daten. Wir speichern nichts, sondern bieten Benutzern praktische Möglichkeiten, ihre Designs zu speichern und zu teilen.
• Nehmen Sie die Beiträge der Community an. Berücksichtigen und beantworten Sie alle Rückmeldungen und Pull-Anfragen im Kontext dieser Grundsätze.

Aus der Quelle bauen

Wenn Sie eine fundiertere Best-Practice-Methode für die Gestaltung dieses Repositorys haben, eröffnen Sie bitte ein Problem.

Build-Voraussetzungen:

• (Optional, aber empfohlen) NVM zur Verwaltung der Knotenversion
• node.js (Version 20) und zugehöriges NPM.
• sass (Global installiert, befolgen Sie die nachstehenden Anweisungen.)

Aus der Quelle kompilieren:

 # 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

Die vollständige Anwendung sollte dann in ./dist/ verfügbar sein. Öffnen Sie ./dist/index.html in einem Browser.

Mit Zertifikaten ausführen (optional)

Hinweis: Zum Testen von clipboard.writeText() im Browser erforderlich. Die Funktion ist nur im sicheren (https) Modus verfügbar.

 # 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

Hinweise zum Cloud-Subnetz

• AWS reserviert 3 zusätzliche IPs

• Azure reserviert 3 zusätzliche IPs

Standardmodus:

• Kleinstes Subnetz: /32
• Zwei reservierte Adressen pro Subnetz mit einer Größe <= 30:
  • Netzwerkadresse (Netzwerk + 0)
  • Broadcast-Adresse (letzte Netzwerkadresse)

AWS-Modus:

• Kleinstes Subnetz: /28
• Fünf reservierte Adressen pro Subnetz:
  • Netzwerkadresse (Netzwerk + 0)
  • AWS reserviert – VPC-Router
  • AWS reserviert – VPC-DNS
  • AWS reserviert – zukünftige Verwendung
  • Broadcast-Adresse (letzte Netzwerkadresse)

Azure-Modus:

• Kleinstes Subnetz: /29
• Fünf reservierte Adressen pro Subnetz:
  • Netzwerkadresse (Netzwerk + 0)
  • Azure reserviert – Standard-Gateway
  • Azure Reserved – DNS-Zuordnung
  • Azure Reserved – DNS-Zuordnung
  • Broadcast-Adresse (letzte Netzwerkadresse)

Credits

Split-Symbol von Freepik von Flaticon.

Lizenz

Visual Subnet Calculator wird unter der MIT-Lizenz veröffentlicht