# 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:
```bash
brew install nginx
```
2. Erstellen Sie Ihren Projektordner:
```bash
mkdir -p ~/meine-website
echo "
Willkommen bei {IhrName}
" > ~/meine-website/index.html
```
3. Passen Sie die Nginx-Konfiguration an:
Der Pfad zur Konfigurationsdatei hängt vom verwendeten Mac-Chip ab:
- Intel-Mac:
```bash
nano /usr/local/etc/nginx/nginx.conf
```
- Apple Silicon (M1/M2/M3):
```bash
nano /opt/homebrew/etc/nginx/nginx.conf
```
Fügen Sie am Ende der Datei folgenden Server-Block hinzu oder passen Sie den bestehenden an:
```nginx
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:
```bash
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
```cmd
brew services stop nginx
````
8. Nginx vollständig entfernen:
Siehe [Deinstallations-Anweisungen](deinstallation.md).
---
### Eigene Website mit Apache unter macOS
1. Installieren Sie Apache:
```bash
brew install httpd
```
2. Erstellen Sie Ihren Projektordner:
```bash
mkdir -p ~/meine-website
echo "Willkommen bei {IhrUser}
" > ~/meine-website/index.html
```
3. Passen Sie die Apache-Konfiguration an:
Der Pfad zur Konfigurationsdatei hängt ebenfalls vom Mac-Chip ab:
- Intel-Mac:
```bash
nano /usr/local/etc/httpd/httpd.conf
```
- Apple Silicon:
```bash
nano /opt/homebrew/etc/httpd/httpd.conf
```
Fügen Sie am Ende der Datei folgenden VirtualHost hinzu:
```apache
DocumentRoot "/Users/{IhrUser}/meine-website"
ServerName localhost
Options Indexes FollowSymLinks
AllowOverride None
Require all granted
```
4. Starten Sie Apache:
```bash
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:
```bash
brew services stop httpd
```
8. Apache vollständig entfernen
Siehe [Deinstallations-Anweisungen](deinstallation.md).