lab-development-imb/web/06/labor/installation_macos.md

3.0 KiB

Anleitung: Eigene Website mit Nginx oder Apache

Version für macOS

Voraussetzungen

  • macOS mit installiertem Homebrew
  • Terminalzugriff
  • Dev-Container schließen (!)

Eigene Website mit Nginx unter macOS

  1. Installieren Sie Nginx:

    brew install nginx
    
  2. Erstellen Sie Ihren Projektordner:

    mkdir -p ~/meine-website
    echo "<h1>Willkommen bei {IhrName}</h1>" > ~/meine-website/index.html
    
  3. Passen Sie die Nginx-Konfiguration an:

    Der Pfad zur Konfigurationsdatei hängt vom verwendeten Mac-Chip ab:

    • Intel-Mac:
      nano /usr/local/etc/nginx/nginx.conf
      
    • Apple Silicon (M1/M2/M3):
      nano /opt/homebrew/etc/nginx/nginx.conf
      

    Fügen Sie am Ende der Datei folgenden Server-Block hinzu oder passen Sie den bestehenden an:

    server {
        listen 8080;
        server_name localhost;
    
        location / {
             root   /Users/{IhrUser}/meine-website;
             index  index.html index.htm;
             try_files $uri $uri/ =404;
     	}
    }
    
  4. Starten Sie Nginx:

    brew services start nginx
    
  5. Testen Sie Ihre Website:

    Öffnen Sie im Browser:

    http://localhost:8080
    
  6. Kopieren Sie Ihre Rezepte-Sammlung aus Übungsblatt 02 in Ihren Projektordner (meine-website). Benennen Sie die Hauptseite mit der Tabelle um zu index.html. Aktualisieren Sie dann die Webseite im Browser.

  7. Nginx stoppen

brew services stop nginx
  1. Nginx vollständig entfernen: Siehe Deinstallations-Anweisungen.

Eigene Website mit Apache unter macOS

  1. Installieren Sie Apache:

    brew install httpd
    
  2. Erstellen Sie Ihren Projektordner:

    mkdir -p ~/meine-website
    echo "<h1>Willkommen bei {IhrUser}</h1>" > ~/meine-website/index.html
    
  3. Passen Sie die Apache-Konfiguration an:

    Der Pfad zur Konfigurationsdatei hängt ebenfalls vom Mac-Chip ab:

    • Intel-Mac:
      nano /usr/local/etc/httpd/httpd.conf
      
    • Apple Silicon:
      nano /opt/homebrew/etc/httpd/httpd.conf
      

    Fügen Sie am Ende der Datei folgenden VirtualHost hinzu:

    <VirtualHost *:8080>
        DocumentRoot "/Users/{IhrUser}/meine-website"
        ServerName localhost
    
        <Directory "/Users/{IhrUser}/meine-website">
            Options Indexes FollowSymLinks
            AllowOverride None
            Require all granted
        </Directory>
    </VirtualHost>
    
  4. Starten Sie Apache:

    brew services start httpd
    
  5. Testen Sie Ihre Website: Öffnen Sie im Browser:

    http://localhost:8080
    
  6. Kopieren Sie Ihre Rezepte-Sammlung aus Übungsblatt 02 in Ihren Projektordner (meine-website). Benennen Sie die Hauptseite mit der Tabelle um zu index.html. Aktualisieren Sie dann die Webseite im Browser.

  7. Apache stoppen:

    brew services stop httpd
    
  8. Apache vollständig entfernen Siehe Deinstallations-Anweisungen.