116 lines
2.3 KiB
Markdown
116 lines
2.3 KiB
Markdown
# Deployment zu Coolify
|
|
|
|
## ✅ Aktuelle Lösung: Git + GitHub App
|
|
|
|
Die App wird über **Git** und eine **GitHub App** zu Coolify deployed.
|
|
|
|
**Siehe:** [`README_DEPLOYMENT.md`](README_DEPLOYMENT.md) für die aktuelle Anleitung.
|
|
|
|
---
|
|
|
|
## 📋 Kurzfassung
|
|
|
|
### 1. Code zu GitHub pushen
|
|
|
|
```bash
|
|
./push-to-github.sh
|
|
```
|
|
|
|
### 2. In Coolify
|
|
|
|
1. **Application Settings** → **Source**
|
|
2. **Source Type**: "Private Repository (with GitHub App)"
|
|
3. **GitHub App**: "hyggecraftery-app"
|
|
4. **Repository**: `Timborimbo/hyggecraftery_APP`
|
|
5. **Branch**: `main`
|
|
6. **Build Pack**: "Dockerfile"
|
|
7. **Deploy** klicken
|
|
|
|
Coolify baut automatisch die App mit dem Dockerfile!
|
|
|
|
---
|
|
|
|
## Option 2: Mit Build Command
|
|
|
|
### 1. In Coolify konfigurieren
|
|
|
|
1. **Neue Resource** → **Application**
|
|
2. **Source**: Dein Git Repository
|
|
3. **Build Pack**: **Nixpacks** oder **Buildpacks**
|
|
4. **Build Command**:
|
|
```bash
|
|
flutter pub get && flutter build web --release --web-renderer canvaskit
|
|
```
|
|
5. **Start Command**:
|
|
```bash
|
|
npx serve -s build/web -l 3000
|
|
```
|
|
6. **Port**: `3000`
|
|
|
|
---
|
|
|
|
## Option 3: Lokaler Build & Upload
|
|
|
|
### 1. Lokal bauen
|
|
|
|
```bash
|
|
# Im Projektordner
|
|
flutter pub get
|
|
flutter build web --release --web-renderer canvaskit
|
|
```
|
|
|
|
### 2. Build-Ordner zu Coolify hochladen
|
|
|
|
```bash
|
|
# Mit rsync oder scp
|
|
rsync -avz build/web/ user@coolify-server:/path/to/deployment/
|
|
```
|
|
|
|
---
|
|
|
|
## Umgebungsvariablen (Optional)
|
|
|
|
Falls du Umgebungsvariablen brauchst, kannst du sie in Coolify setzen:
|
|
|
|
- `UMAMI_URL` (falls du die URL ändern willst)
|
|
- `WOOCOMMERCE_URL` (falls du die Shop-URL ändern willst)
|
|
|
|
---
|
|
|
|
## Wichtig für Flutter Web
|
|
|
|
⚠️ **WebView funktioniert nicht im Web!**
|
|
|
|
Der Checkout verwendet `webview_flutter`, was im Web nicht funktioniert. Du musst den Checkout für Web anpassen:
|
|
|
|
- Option 1: Checkout in neuem Tab öffnen
|
|
- Option 2: iframe verwenden
|
|
- Option 3: Native Checkout implementieren
|
|
|
|
---
|
|
|
|
## Troubleshooting
|
|
|
|
### Build schlägt fehl
|
|
```bash
|
|
# Prüfe Flutter Version
|
|
flutter --version
|
|
|
|
# Clean Build
|
|
flutter clean
|
|
flutter pub get
|
|
flutter build web --release
|
|
```
|
|
|
|
### App lädt nicht
|
|
- Prüfe Browser-Konsole auf Fehler
|
|
- Prüfe nginx Logs in Coolify
|
|
- Prüfe CORS-Einstellungen bei WooCommerce
|
|
|
|
---
|
|
|
|
## Empfohlene Methode
|
|
|
|
**Dockerfile-Methode** ist am einfachsten und zuverlässigsten für Coolify!
|
|
|