Ajout: Configuration développement local pour le frontend
This commit is contained in:
parent
74c56b900e
commit
10a5cb1fed
4
.env.example
Normal file
4
.env.example
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
# Configuration du Frontend en développement local
|
||||||
|
|
||||||
|
# URL de l'API backend (doit correspondre au backend lancé localement)
|
||||||
|
API_URL=http://localhost:3000/api
|
||||||
1
.gitignore
vendored
1
.gitignore
vendored
@ -52,3 +52,4 @@ Xcf/**
|
|||||||
# Release notes
|
# Release notes
|
||||||
CHANGELOG.md
|
CHANGELOG.md
|
||||||
Ressources/
|
Ressources/
|
||||||
|
.env
|
||||||
|
|||||||
62
README-DEV.md
Normal file
62
README-DEV.md
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
# 🎨 Guide de développement Frontend
|
||||||
|
|
||||||
|
## Prérequis
|
||||||
|
- Docker et Docker Compose installés
|
||||||
|
- Le backend doit être démarré (voir README-DEV du backend)
|
||||||
|
|
||||||
|
## 🏃♂️ Démarrage rapide
|
||||||
|
|
||||||
|
### 1. Cloner le projet
|
||||||
|
```bash
|
||||||
|
git clone <url-du-depot-frontend>
|
||||||
|
cd ptitspas-frontend
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. Configuration
|
||||||
|
```bash
|
||||||
|
# Copier le fichier d'exemple
|
||||||
|
cp .env.example .env
|
||||||
|
```
|
||||||
|
|
||||||
|
### 3. Lancer le frontend
|
||||||
|
```bash
|
||||||
|
# Démarrer le frontend (le backend doit être déjà lancé)
|
||||||
|
docker compose -f docker-compose.dev.yml up -d
|
||||||
|
|
||||||
|
# Voir les logs
|
||||||
|
docker compose -f docker-compose.dev.yml logs -f
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🌐 Accès
|
||||||
|
|
||||||
|
- **Frontend** : http://localhost:8000
|
||||||
|
|
||||||
|
## 📋 Workflow de développement complet
|
||||||
|
|
||||||
|
1. **Démarrer le backend** (dans le dépôt backend) :
|
||||||
|
```bash
|
||||||
|
docker compose -f docker-compose.dev.yml up -d
|
||||||
|
```
|
||||||
|
|
||||||
|
2. **Démarrer le frontend** (dans ce dépôt) :
|
||||||
|
```bash
|
||||||
|
docker compose -f docker-compose.dev.yml up -d
|
||||||
|
```
|
||||||
|
|
||||||
|
3. **Accéder aux services** :
|
||||||
|
- Frontend : http://localhost:8000
|
||||||
|
- Backend API : http://localhost:3000/api
|
||||||
|
- PgAdmin : http://localhost:8080
|
||||||
|
|
||||||
|
## 🛠️ Commandes utiles
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Arrêter le frontend
|
||||||
|
docker compose -f docker-compose.dev.yml down
|
||||||
|
|
||||||
|
# Rebuild après modification
|
||||||
|
docker compose -f docker-compose.dev.yml up --build
|
||||||
|
|
||||||
|
# Voir l'état
|
||||||
|
docker compose -f docker-compose.dev.yml ps
|
||||||
|
```
|
||||||
21
docker-compose.dev.yml
Normal file
21
docker-compose.dev.yml
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
# Docker Compose pour développement local du Frontend
|
||||||
|
# Usage: docker compose -f docker-compose.dev.yml up -d
|
||||||
|
|
||||||
|
services:
|
||||||
|
# Frontend Flutter
|
||||||
|
frontend:
|
||||||
|
build:
|
||||||
|
context: ./frontend
|
||||||
|
dockerfile: Dockerfile
|
||||||
|
container_name: ptitspas-frontend-dev
|
||||||
|
restart: unless-stopped
|
||||||
|
environment:
|
||||||
|
API_URL: ${API_URL:-http://localhost:3000/api}
|
||||||
|
ports:
|
||||||
|
- "8000:80"
|
||||||
|
networks:
|
||||||
|
- ptitspas_dev
|
||||||
|
|
||||||
|
networks:
|
||||||
|
ptitspas_dev:
|
||||||
|
driver: bridge
|
||||||
Loading…
x
Reference in New Issue
Block a user