DE | EN

🔐 SSH-Verbindung & Website-Erstellung

Ports & Netzwerkzugang

Die Verbindung zu unserem Server erfolgt über den SSH-Port 2222, nicht den Standardport 22.

⚠️ Achtung: Dieser Port ist im Eduroam-Netz gesperrt. Die Verbindung ist nur möglich über:

Bitte Cloud-Synchronisation deaktivieren, wenn Sie das Veranstaltungs-WLAN nutzen, um Bandbreite zu sparen und Verbindungsprobleme zu vermeiden.

Verbindung zum Server – Übersicht

Die Verbindung erfolgt per SSH mit Benutzername und Port 2222. Der Benutzername entspricht Ihrer Teamkennung isa## (z. B. isa17), die Ihnen zugewiesen wurde.

Windows: Verbindung mit PowerShell

Wenn Sie in Windows keinen PuTTY-Client verwenden möchten, können Sie direkt über die PowerShell verbinden. Voraussetzung: Ihr id_rsa-Schlüssel befindet sich im ~/.ssh/-Verzeichnis.

PowerShell 
ssh -p 2222 isa17@edumake.de

Windows: Verbindung mit PuTTY

  1. Starte PuTTY und gib als Hostname edumake.de ein.
  2. Setze unter „Port“ den Wert 2222.
  3. Gehe zu Connection → SSH → Auth und wähle deine private Schlüsseldatei (.ppk).
  4. Optional: Speichere deine Sitzung unter einem Namen für spätere Verbindungen.
  5. Klicke auf „Open“, um die Verbindung herzustellen.

macOS & Linux: Verbindung über Terminal

Unter macOS oder Linux nutzen Sie das integrierte Terminal:

Shell 
ssh -p 2222 isa17@edumake.de

Stellen Sie sicher, dass Ihr id_rsa-Schlüssel unter ~/.ssh/ gespeichert ist. Falls Sie einen alternativen Speicherort verwendet haben, geben Sie diesen mit der Option -i an:

Shell 
ssh -p 2222 -i /Pfad/zum/privatekey isa17@edumake.de

Tipp

Nach erfolgreicher Verbindung landen Sie im Startverzeichnis Ihres Benutzerkontos auf dem Server. Dort können Sie Ihre index.html ablegen, die anschließend unter https://isa17.edumake.de aufrufbar ist (bzw. entsprechend Ihrer Benutzerkennung).

🌐 Eigene Landing Page erstellen & Server verstehen

Navigation & Dateiablage auf dem Server

Nach dem Login per SSH befinden Sie sich in Ihrem Home-Verzeichnis /home/isa##. Ihr Webverzeichnis für die Landing Page befindet sich unter /home/isa##/www.

Mit folgendem Befehl können Sie sich alle Dateien und Ordner anzeigen lassen – auch versteckte:

Shell
ls -a

Wechseln Sie nun in das Webverzeichnis:

Shell
cd ~/www

Erstellen der index.html Datei

Nutzen Sie einen Editor wie nano, um eine erste Webseite zu erstellen:

Shell
nano index.html

Fügen Sie einfachen HTML-Code ein:

HTML

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Meine Website</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Willkommen bei mir!</h1>
  <p>Dies ist meine erste Landing Page auf dem Server.</p>
  <script src="script.js"></script>
</body>
</html>

Speichern: CTRL + O → Enter → CTRL + X zum Schließen.

Weitere Dateien hinzufügen

  1. CSS für Design: Öffnen Sie style.css und gestalten Sie die Seite. 
    nano style.css
  2. JavaScript für Funktionalität: Öffnen Sie script.js und fügen Sie einfache Interaktionen ein. 
    nano script.js

🔧 Erweiterung Ihrer Seite

Fügen Sie Ihrer Webseite zusätzliche Inhalte hinzu:

🔍 Technischer Hintergrund (Rechercheaufgabe)

Verstehen Sie die Grundlagen Ihres Hosting-Systems:

  1. Ubuntu Server: Was ist eine Linux-Distribution? Was unterscheidet Ubuntu Server?
  2. NGINX: Welche Aufgaben hat ein Webserver? Was bedeutet Reverse Proxy?
  3. SSL: Warum ist HTTPS wichtig? Was passiert bei einer gesicherten Verbindung?

Tipp: Alle Änderungen an Ihrer Website können sofort unter https://isa##.edumake.de angesehen werden – ersetzen Sie ## durch Ihre Benutzerkennung.

zum nächsten Übungsblatt