Installation und Konfiguration der Nginx UI auf Ubuntu 24.04

Die Nginx UI ist eine Open-Source-Weboberfläche, die das Verwalten und Konfigurieren des Nginx-Webservers erheblich vereinfacht. Sie unterstützt sowohl Einzelknoten- als auch Cluster-Umgebungen, zeigt Echtzeit-Serverstatistiken an, verwaltet automatisch SSL/TLS-Zertifikate mit Let’s Encrypt und integriert große Sprachmodelle (LLMs) zur intelligenten Konfigurationsverwaltung.

In dieser Anleitung erfahren Sie, wie Sie die Nginx UI auf Ubuntu 24.04 installieren, konfigurieren und nutzen, um virtuelle Hosts zu erstellen und sichere HTTPS-Verbindungen über Let’s Encrypt zu aktivieren.

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

  • Zugriff auf ein Ubuntu-24.04-System mit einem Nicht-Root-Benutzer und Sudo-Rechten.
  • Einen gültigen Domainnamen, der auf die öffentliche IP-Adresse Ihres Servers verweist (z. B. nginx-ui.example.com).
  • Installiertes Docker, falls Sie Nginx UI über einen Container bereitstellen möchten.

Nginx UI installieren

Die Nginx UI ist nicht in den Standard-Repositories von Ubuntu enthalten. Sie können sie entweder mit Docker oder über das offizielle Installationsskript einrichten. In diesem Beispiel wird das aktuelle Release-Skript verwendet, um Nginx UI als Systemdienst zu installieren.

Systempakete aktualisieren

Nginx installieren

$ sudo apt install nginx -y

Nginx UI herunterladen und installieren

Führen Sie die folgenden Befehle aus, um Nginx UI herunterzuladen und zu installieren.

$ curl -O https://cloud.nginxui.com/install.sh
$ sudo bash install.sh install

Installation überprüfen

Beispielausgabe:

nginx-ui 2.1.17 1(468) 876213ad (go1.24.5 linux/amd64)
Yet another Nginx Web UI

Nginx UI-Dienst starten und prüfen

$ sudo systemctl start nginx-ui
$ sudo systemctl status nginx-ui

Nginx Reverse Proxy konfigurieren

Standardmäßig lauscht die Nginx UI auf Port 9000 (localhost). Richten Sie Nginx als Reverse Proxy ein, um öffentlichen HTTPS-Zugriff zu ermöglichen.

$ cd /etc/nginx/sites-available
$ sudo nano nginx-ui.conf

Fügen Sie die folgende Konfiguration ein und ersetzen Sie nginx-ui.example.com durch Ihre Domain:


map $http_upgrade $connection_upgrade {
    default upgrade;
    ''      close;
}

server {
    listen          80;
    listen          [::]:80;

    server_name     nginx-ui.example.com;

    location / {
        proxy_set_header    Host                $host;
        proxy_set_header    X-Real-IP           $remote_addr;
        proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
        proxy_set_header    X-Forwarded-Proto   $scheme;
        proxy_http_version  1.1;
        proxy_set_header    Upgrade             $http_upgrade;
        proxy_set_header    Connection          $connection_upgrade;
        proxy_pass          http://127.0.0.1:9000;
    }    
}


$ sudo rm -f /etc/nginx/sites-enabled/default
$ sudo ln -s /etc/nginx/sites-available/nginx-ui.conf /etc/nginx/sites-enabled/
$ sudo nginx -t
$ sudo systemctl restart nginx

Nginx UI mit Let’s Encrypt absichern

Installieren Sie Certbot, um kostenlose TLS-Zertifikate für Ihre Domain zu erstellen und zu verwalten.

$ sudo apt install certbot python3-certbot-nginx -y
$ sudo ufw allow 80,443/tcp
$ sudo ufw reload
$ sudo certbot --nginx -d nginx-ui.example.com -m admin@example.com --agree-tos --no-eff
$ sudo systemctl restart nginx-ui

Auf die Nginx UI zugreifen

Öffnen Sie Ihren Browser und rufen Sie https://nginx-ui.example.com auf. Schließen Sie die Einrichtung ab, indem Sie ein Administratorkonto erstellen und die Systeminformationen prüfen. Das Dashboard zeigt anschließend Statistiken wie Laufzeit, Speicher- und Netzwerkauslastung an.

TLS-Zertifikate verwalten

Die Nginx UI bietet eine automatische Zertifikatsverwaltung über Let’s Encrypt und andere Zertifizierungsstellen. Sie können Zertifikate importieren, ausstellen oder DNS-Zugangsdaten für Wildcard-Zertifikate hinterlegen. Unter ACME User können Sie Zertifizierungsstellenkonten hinzufügen oder bearbeiten, um automatische Verlängerungen zu aktivieren.

Virtuelle Hosts erstellen

Um eine neue Webanwendung bereitzustellen, erstellen Sie eine Subdomain und ein entsprechendes Verzeichnis:

$ sudo mkdir -p /var/www/app.example.com
$ sudo nano /var/www/app.example.com/index.html

Fügen Sie den folgenden HTML-Inhalt hinzu:


$ sudo chown -R www-data:www-data /var/www/app.example.com

In der Nginx UI-Oberfläche können Sie unter Manage SitesAdd Site einen neuen virtuellen Host anlegen, TLS aktivieren und automatisch ein Let’s-Encrypt-Zertifikat ausstellen lassen. Anschließend können Sie Ihre Anwendung über die Domain aufrufen:

https://app.example.com

Fazit

In dieser Anleitung haben Sie gelernt, wie Sie die Nginx UI auf Ubuntu 24.04 installieren und konfigurieren. Mit der Nginx UI lassen sich Benutzer, virtuelle Hosts und Zertifikate einfach verwalten, die Serverleistung überwachen und über LLMs automatisiert Konfigurationen anpassen. Weitere Informationen finden Sie in der offiziellen Nginx UI-Dokumentation.

Quelle: vultr.com

Jetzt 200€ Guthaben sichern

Registrieren Sie sich jetzt in unserer ccloud³ und erhalten Sie 200€ Startguthaben für Ihr Projekt.

Das könnte Sie auch interessieren: