Mise en place du frontend Angular (init, environments, proxy vers le backend)

This commit is contained in:
valentin
2026-09-14 14:28:44 +02:00
parent 6161a432c3
commit 49f46978b0
23 changed files with 8804 additions and 8 deletions
+62 -8
View File
@@ -1,10 +1,62 @@
# Frontend EnerVision
Le squelette applicatif n'est pas versionne a la main : il est genere par Angular CLI.
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 22.1.8.
## Initialisation
## Development server
Depuis `apps/` :
To start a local development server, run:
```bash
ng serve
```
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
## Code scaffolding
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
```bash
ng generate component component-name
```
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
```bash
ng generate --help
```
## Building
To build the project run:
```bash
ng build
```
This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
## Running unit tests
To execute unit tests with the [Vitest](https://vitest.dev/) test runner, use the following command:
```bash
ng test
```
## Running end-to-end tests
For end-to-end (e2e) testing, run:
```bash
ng e2e
```
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
## Configuration spécifique au projet EnerVision
Le squelette applicatif n'est pas versionné à la main : il a été généré par Angular CLI avec la commande suivante, depuis `apps/` :
```bash
npx --yes @angular/cli@latest new frontend \
@@ -16,11 +68,13 @@ npx --yes @angular/cli@latest new frontend \
--skip-git
```
Le dossier `apps/frontend` doit etre vide (hors ce README) avant de lancer la commande.
## Apres generation
Points à vérifier après toute regénération :
1. Pointer l'API dans `src/environments/` sur `http://localhost:8000/api/v1`.
2. Ajouter le proxy de developpement (`proxy.conf.json`) vers le backend.
3. Verifier que `npm start` sert bien sur le port 4200 attendu par `docker-compose.yml`.
2. Ajouter le proxy de développement (`proxy.conf.json`) vers le backend.
3. Vérifier que `npm start` sert bien sur le port 4200 attendu par `docker-compose.yml`.
4. Ajouter le `Dockerfile` multi-stage (build Angular puis service statique nginx).
## Additional Resources
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.