19-05-2026 Rebrand Pressekonto, Hub-Flux UI und Legacy-Media-Migration
Umbenennung presseportale → pressekonto in Domains, Themes und Dokumentation. Design-Tokens, Portal-Shell, Customer-Dashboard, Auth- und Admin-PM-Views. Artisan-Befehl migrate:legacy-media mit Tests und Hub-Flux-Entwicklungsdocs. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
092ee0e918
commit
0a3e52d603
112 changed files with 8464 additions and 1649 deletions
|
|
@ -8,18 +8,18 @@ Für dein Multi-Domain-Setup empfehle ich folgende Asset-URLs:
|
|||
|
||||
| Bereich | Domain | Asset-URL | Port | Verwendung |
|
||||
|---------|--------|-----------|------|------------|
|
||||
| **Backend** | presseportale.test | `assets.presseportale.test` | 5177 | Portal + FluxUI |
|
||||
| **Frontend** | presseecho.test<br>businessportal24.test | `assets-web.presseportale.test` | 5178 | Beide Frontend-Domains |
|
||||
| **Backend** | pressekonto.test | `assets.pressekonto.test` | 5177 | Portal + FluxUI |
|
||||
| **Frontend** | presseecho.test<br>businessportal24.test | `assets-web.pressekonto.test` | 5178 | Beide Frontend-Domains |
|
||||
|
||||
### Warum diese URLs?
|
||||
|
||||
#### 1. **assets.presseportale.test** (Portal/Backend)
|
||||
#### 1. **assets.pressekonto.test** (Portal/Backend)
|
||||
- ✅ Kurz und prägnant
|
||||
- ✅ Eindeutig dem Portal zugeordnet
|
||||
- ✅ Keine zusätzliche Subdomain-Tiefe
|
||||
- ✅ Folgt gängiger Konvention
|
||||
|
||||
#### 2. **assets-web.presseportale.test** (Web/Frontend)
|
||||
#### 2. **assets-web.pressekonto.test** (Web/Frontend)
|
||||
- ✅ Klar als "Web" (Frontend) gekennzeichnet
|
||||
- ✅ Ein Asset-Server für beide Frontend-Domains
|
||||
- ✅ Gute Trennung zu Portal-Assets
|
||||
|
|
@ -31,23 +31,23 @@ Falls du andere URLs bevorzugst, hier sind Alternativen:
|
|||
|
||||
### Option A: Mit Suffix-Präfix
|
||||
```
|
||||
portal-assets.presseportale.test → Port 5177
|
||||
web-assets.presseportale.test → Port 5178
|
||||
portal-assets.pressekonto.test → Port 5177
|
||||
web-assets.pressekonto.test → Port 5178
|
||||
```
|
||||
- ⚠️ Etwas länger
|
||||
- ✅ Sehr explizit
|
||||
|
||||
### Option B: Mit "vite" im Namen
|
||||
```
|
||||
vite.presseportale.test → Port 5177
|
||||
vite-web.presseportale.test → Port 5178
|
||||
vite.pressekonto.test → Port 5177
|
||||
vite-web.pressekonto.test → Port 5178
|
||||
```
|
||||
- ⚠️ Technologie-spezifisch (was wenn du später zu einem anderen Build-Tool wechselst?)
|
||||
- ⚠️ Weniger klar was geladen wird
|
||||
|
||||
### Option C: Separate Domains pro Frontend
|
||||
```
|
||||
assets.presseportale.test → Port 5177 (Portal)
|
||||
assets.pressekonto.test → Port 5177 (Portal)
|
||||
assets.presseecho.test → Port 5178 (Presseecho)
|
||||
assets.businessportal24.test → Port 5178 (Businessportal24)
|
||||
```
|
||||
|
|
@ -61,7 +61,7 @@ assets.businessportal24.test → Port 5178 (Businessportal24)
|
|||
|
||||
```yaml
|
||||
# Portal Assets (Backend)
|
||||
- "traefik.http.routers.assets-portal.rule=Host(`assets.presseportale.test`)"
|
||||
- "traefik.http.routers.assets-portal.rule=Host(`assets.pressekonto.test`)"
|
||||
- "traefik.http.routers.assets-portal.entrypoints=websecure"
|
||||
- "traefik.http.routers.assets-portal.tls=true"
|
||||
- "traefik.http.routers.assets-portal.service=assets-portal-service"
|
||||
|
|
@ -69,7 +69,7 @@ assets.businessportal24.test → Port 5178 (Businessportal24)
|
|||
- "traefik.http.services.assets-portal-service.loadbalancer.server.scheme=http"
|
||||
|
||||
# Web Assets (Frontend)
|
||||
- "traefik.http.routers.assets-web.rule=Host(`assets-web.presseportale.test`)"
|
||||
- "traefik.http.routers.assets-web.rule=Host(`assets-web.pressekonto.test`)"
|
||||
- "traefik.http.routers.assets-web.entrypoints=websecure"
|
||||
- "traefik.http.routers.assets-web.tls=true"
|
||||
- "traefik.http.routers.assets-web.service=assets-web-service"
|
||||
|
|
@ -89,8 +89,8 @@ ports:
|
|||
|
||||
```env
|
||||
# Vite Asset Domains
|
||||
ASSET_URL_PORTAL=https://assets.presseportale.test
|
||||
ASSET_URL_WEB=https://assets-web.presseportale.test
|
||||
ASSET_URL_PORTAL=https://assets.pressekonto.test
|
||||
ASSET_URL_WEB=https://assets-web.pressekonto.test
|
||||
|
||||
# Vite Development Ports
|
||||
VITE_PORT_PORTAL=5177
|
||||
|
|
@ -102,11 +102,11 @@ VITE_PORT_WEB=5178
|
|||
Füge folgende Einträge zu deiner `/etc/hosts` (Linux/Mac) oder `C:\Windows\System32\drivers\etc\hosts` (Windows) hinzu:
|
||||
|
||||
```
|
||||
127.0.0.1 presseportale.test
|
||||
127.0.0.1 pressekonto.test
|
||||
127.0.0.1 presseecho.test
|
||||
127.0.0.1 businessportal24.test
|
||||
127.0.0.1 assets.presseportale.test
|
||||
127.0.0.1 assets-web.presseportale.test
|
||||
127.0.0.1 assets.pressekonto.test
|
||||
127.0.0.1 assets-web.pressekonto.test
|
||||
```
|
||||
|
||||
## Vite-Konfigurationen
|
||||
|
|
@ -121,7 +121,7 @@ export default defineConfig({
|
|||
host: "0.0.0.0",
|
||||
port: 5177,
|
||||
hmr: {
|
||||
host: "assets.presseportale.test", // ← Asset-URL
|
||||
host: "assets.pressekonto.test", // ← Asset-URL
|
||||
protocol: "wss",
|
||||
},
|
||||
},
|
||||
|
|
@ -139,7 +139,7 @@ export default defineConfig({
|
|||
host: "0.0.0.0",
|
||||
port: 5178,
|
||||
hmr: {
|
||||
host: "assets-web.presseportale.test", // ← Asset-URL
|
||||
host: "assets-web.pressekonto.test", // ← Asset-URL
|
||||
protocol: "wss",
|
||||
},
|
||||
},
|
||||
|
|
@ -156,16 +156,16 @@ Browser-Request
|
|||
↓
|
||||
2. Laravel lädt View mit: @vite(['resources/css/web/theme-presseecho.css', ...])
|
||||
↓
|
||||
3. Vite-Helper generiert: <script src="https://assets-web.presseportale.test/@vite/client"></script>
|
||||
<link href="https://assets-web.presseportale.test/resources/css/web/theme-presseecho.css">
|
||||
3. Vite-Helper generiert: <script src="https://assets-web.pressekonto.test/@vite/client"></script>
|
||||
<link href="https://assets-web.pressekonto.test/resources/css/web/theme-presseecho.css">
|
||||
↓
|
||||
4. Browser requested: assets-web.presseportale.test
|
||||
4. Browser requested: assets-web.pressekonto.test
|
||||
↓
|
||||
5. Traefik routet zu: Container Port 5178
|
||||
↓
|
||||
6. Vite Web Server antwortet
|
||||
↓
|
||||
7. HMR WebSocket öffnet: wss://assets-web.presseportale.test
|
||||
7. HMR WebSocket öffnet: wss://assets-web.pressekonto.test
|
||||
↓
|
||||
8. ✅ Hot Module Replacement funktioniert!
|
||||
```
|
||||
|
|
@ -175,8 +175,8 @@ Browser-Request
|
|||
### 1. DNS-Auflösung testen
|
||||
```bash
|
||||
# Sollte zu 127.0.0.1 auflösen
|
||||
ping assets.presseportale.test
|
||||
ping assets-web.presseportale.test
|
||||
ping assets.pressekonto.test
|
||||
ping assets-web.pressekonto.test
|
||||
```
|
||||
|
||||
### 2. Vite-Server starten
|
||||
|
|
@ -195,15 +195,15 @@ Du solltest sehen:
|
|||
|
||||
### 3. Browser-Test
|
||||
Öffne:
|
||||
- https://presseportale.test (sollte Assets von assets.presseportale.test laden)
|
||||
- https://presseecho.test (sollte Assets von assets-web.presseportale.test laden)
|
||||
- https://businessportal24.test (sollte Assets von assets-web.presseportale.test laden)
|
||||
- https://pressekonto.test (sollte Assets von assets.pressekonto.test laden)
|
||||
- https://presseecho.test (sollte Assets von assets-web.pressekonto.test laden)
|
||||
- https://businessportal24.test (sollte Assets von assets-web.pressekonto.test laden)
|
||||
|
||||
### 4. HMR-Test
|
||||
1. Öffne Browser DevTools (F12)
|
||||
2. Gehe zu "Network" Tab
|
||||
3. Filter auf "WS" (WebSocket)
|
||||
4. Du solltest Verbindungen zu `wss://assets.*.presseportale.test` sehen
|
||||
4. Du solltest Verbindungen zu `wss://assets.*.pressekonto.test` sehen
|
||||
5. Ändere eine CSS-Datei
|
||||
6. Browser sollte automatisch neu laden (ohne vollständigen Page-Refresh)
|
||||
|
||||
|
|
@ -256,8 +256,8 @@ docker compose logs laravel.test | grep traefik
|
|||
### ✅ Verwende diese Asset-URLs:
|
||||
|
||||
```
|
||||
assets.presseportale.test → Port 5177 (Portal/Backend)
|
||||
assets-web.presseportale.test → Port 5178 (Web/Frontend)
|
||||
assets.pressekonto.test → Port 5177 (Portal/Backend)
|
||||
assets-web.pressekonto.test → Port 5178 (Web/Frontend)
|
||||
```
|
||||
|
||||
### ✅ Vorteile:
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue